<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*重置*/

.tn-doc {
    min-width: 1240px;
    overflow: hidden;
}

.tn-white-color {
    color: #fff !important;
}

.tn-master-color {
    color: #0997bb;
}

.tn-master-bg {
    background-color: #0997bb;
}

.tn-master-bc {
    border-color: #0997bb;
}

.tn-cont-xxs {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tn-ml-40 {
    margin-left: 40px;
}

.tn-ml-130 {
    margin-left: 130px;
}

.tn-mb-0 {
    margin-bottom: 0 !important;
}

.tn-mr-0 {
    margin-right: 0 !important;
}

.tn-mt-0 {
    margin-top: 0 !important;
}

.tn-m-0 {
    margin: 0 !important;
}

.tn-height-90 {
    height: 90px;
}

.tn-height-60 {
    height: 60px;
}

.tn-height-50 {
    height: 50px;
}

.tn-dark-color {
    color: #999 !important;
}

.tn-mt-5 {
    margin-top: 5px !important;
}

.tn-mb-5 {
    margin-bottom: 5px !important;
}

.tn-pt-80 {
    padding-top: 80px !important;
}

.tn-p-40 {
    padding: 40px 0;
}

.tn-pt-90 {
    padding-top: 90px !important;
}

.tn-pt-30 {
    padding-top: 30px !important;
}

.tn-mt-100 {
    margin-top: 100px !important;
}

.tn-white-bg {
    background-color: white;
}

.tn-p-0 {
    padding: 0 !important;
}

.tn-pb-40 {
    padding-bottom: 40px !important;
}

.tn-pt-40 {
    padding-top: 40px !important;
}

.tn-pb-20 {
    padding-bottom: 20px !important;
}

.tn-pr-40 {
    padding-right: 40px !important;
}

.tn-black-color {
    color: #333;
}

.tn-black-bg {
    background-color: #333;
}

.tn-default-bg {
    background-color: #1b98aa;
}

.tn-default-color {
    color: #1b98aa;
}

.tn-min-height-59 {
    min-height: 59px !important;
}

.tn-width-100 {
    width: 100px !important;
}

.tn-font-30 {
    font-size: 30px;
}

.hex-u-bt {
    margin-top: 30px;
    margin-bottom: 25px;
}

.tn-font-42 {
    font-size: 42px;
}

.tn-font-16 {
    font-size: 10px !important;
}

.tn-pale-bg {
    background-color: #bae0e5;
}

.tn-fleet-bg {
    background-color: #e8f4f6;
}

li {
    list-style: none;
}

.row {
    margin: 0;
}

a {
    color: #333;
}

    a:hover,
    a.active,
    a:focus {
        color: #0996ba;
    }

.a:hover {
    color: #0996ba;
}

p + .text-muted a:hover,
h1 + .text-muted a:hover,
.media-heading + .text-muted &gt; li &gt; a:hover,
.text-muted a:hover {
    color: #0996ba;
}

.btn-default:hover,
.btn-default:active,
.btn-default:active:hover {
    background-color: #0996ba;
    color: #fff;
    border-color: #0996ba;
}

.col-xs-9,
.col-xs-3,
.col-xs-6 {
    padding: 0;
}

.container {
    width: 1240px !important;
    margin: 0 auto;
    padding: 0;
}

.tn-multi-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.breadcrumb .a {
    font-size: 18px;
    color: #0069cf;
}

/*首页*/

nav .navbar-brand &gt; img {
    width: 191px;
}

.hex-header-top {
    background-color: #005698;
    height: 40px;
}

    .hex-header-top .container {
        line-height: 30px;
        font-size: 14px;
        color: #666;
    }

        .hex-header-top .container .hex-header-name {
            width: 300px;
            color: #333333;
            background-color: #f5f7f8;
            text-align: center;
        }

        .hex-header-top .container .hex-header-triangle {
            width: 0;
            height: 0;
            border-top: 30px solid transparent;
            border-right: 30px solid transparent;
            border-bottom: 30px solid #f5f7f8;
            border-left: 30px solid #f5f7f8;
        }

    .hex-header-top a {
        color: #ffffff;
    }

    .hex-header-top .seach-box .search-icon i {
        margin: 8px 20px 0 10px;
    }

    .hex-header-top .seach-box .seachInput {
        background-color: transparent;
        outline: none;
        border-top: none;
        color: #FFFFFF;
        border-bottom: 1px solid #B4B4B4;
        width: 334px;
        height: 28px;
        border-left: none;
        border-right: none;
        padding: 4px 10px 4px 25px;
    }

        .hex-header-top .seach-box .seachInput:focus {
            outline: none;
        }

        .hex-header-top .seach-box .seachInput::-webkit-input-placeholder {
            /* WebKit browsers */
            color: #ffffff;
            font-size: 12px;
        }

        .hex-header-top .seach-box .seachInput::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #ffffff;
            font-size: 10px;
        }

        .hex-header-top .seach-box .seachInput:-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: #ffffff;
            font-size: 10px;
        }

.hex-header-dropdown &gt; .btn {
    padding: 3px 11px;
    box-sizing: border-box;
    background: #D8D8D8;
    margin: 0;
    border-radius: 0;
    margin-top: 3px;
}

.hex-header-top .icon-sousuo {
    margin-right: 50px;
}

.tn-header {
    height: 120px;
    border-bottom: none;
    padding: 30px 0;
    margin-bottom: 0;
}

    .tn-header .navbar-brand {
        margin-left: 0 !important;
        display: inline-block;
        padding: 0;
    }

    .tn-header .nav li a {
        color: #3c3b4b;
        padding: 16px 10px;
        margin: 0 40px;
        color: #3c3b4b;
        padding: 16px 0px;
        margin: 0 40px;
        font-size: 17px;
        margin-right: 0;
    }

        .tn-header .nav li a.active {
            border-bottom: 2px solid #42a6b5;
        }

    .tn-header .navbar-nav &gt; li.active &gt; a {
        color: #0996ba;
        border-bottom: 2px solid #42a6b5;
    }

    .tn-header .nav &gt; li &gt; a:hover,
    .tn-header .nav &gt; li &gt; a:focus {
        text-decoration: none;
        background: none;
        border-bottom: 2px solid #42a6b5;
    }

.hex-banner img {
    max-width: 100%;
}

.hex-banner {
    position: relative;
    max-height: 686px;
    overflow: hidden;
}

hex-community-banner {
    height: 500px;
}

.hex-m-banner{
    display: table-cell;
    position: absolute;
    right: 15px;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    height: 40px;
    line-height: 40px;
    background: rgb(37,123,179);
    padding: 0 20px;
    margin-top: -115px;
    z-index: 99;
}
.hex-banner-line {
    width: 100px;
    height: 6px;
    background-color: white;
    margin: 164px 0 64px 0;
}

.hex-banner-title {
    font-size: 20px;
    color: #fff;
    width: 100%;
    margin-bottom: 8px;
}

    .hex-banner-title a {
        color: #fff;
    }

.hex-banner-detail {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
    height: 90px;
}

.btn-approve {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 4px 16px;
    color: #fff;
    font-size: 14px;
}

.btn-message {
    background-color: #0996ba;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 4px 15px;
    color: #fff;
}

    .btn-message:hover {
        color: #fff;
    }

.btn-approve:hover,
.btn-approve:focus,
.btn-approve:active {
    background-color: #d9f1f4;
    color: #1b98aa;
}

.hex-classify .row {
    padding: 0;
}

.hex-classify a img {
    width: 400px;
    height: 214px;
}

.hex-classify-content {
    position: relative;
}

.hex-detail-word {
    height: 150px;
    border-bottom: 2px solid #333333;
}

.index_line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 400px;
}

.hex-classify-content:first-child {
    margin-left: 0;
}

.tn-content {
    margin-bottom: 10px;
}

.hex-classify {
    margin-top: 20px;
}

.tn-content .hex-goods-detail:first-child {
    padding-bottom: 20px;
}

.hex-goods-detail {
    margin-top: 20px;
    padding-bottom: 10px;
}

    .hex-goods-detail .hex-u-resetrow &gt; .hex-classify-content {
        margin-bottom: 20px;
    }

.hex-classify-title {
    font-size: 16px;
    margin: 17px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hex-classify-detail .tn-text-overflow {
    font-size: 16px;
    width: 400px;
    position: relative;
    padding-left: 13px;
}

    .hex-classify-detail .tn-text-overflow span {
        position: absolute;
        top: 10px;
        left: 0;
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 6px;
        background: #999999;
    }

.hex-classify-detail a {
    color: #333333;
}

.hex-classify-detail .hex-link-wrap .hex-seta-mb div {
    font-size: 15px !important;
    line-height: 1.6;
}

.hex-primary {
    border: 1px solid #333333;
    color: #333333;
    background: transparent;
    margin-top: 0;
    border-radius: 0;
    padding: 6px 20px;
    font-size: 13px;
}

    .hex-primary:hover,
    .hex-primary:focus,
    .hex-primary:active {
        color: white;
        background-color: #0997bb;
    }

.hex-industry {
    background-color: #e3e5e6;
    height: 500px;
    position: relative;
}

.hex-apply {
    display: block;
    font-size: 26px;
    color: #0997bb;
    margin: 0 auto;
    padding: 11px 0 28px 0;
    width: 168px;
    text-align: center;
}

.hex-apply-border {
    display: block;
    color: #0997bb;
    margin: auto;
    border-bottom: 4px solid #0997bb;
    width: 120px;
    margin-top: 10px;
}

.hex-trade .col-xs-3:first-child {
    padding-left: 0;
}

    .hex-trade .col-xs-3:first-child .hex-trade-hide {
        margin-left: 0 !important;
    }

.hex-industry .container-fluid {
    padding: 0;
}

.hex-trade .col-xs-3 {
    width: 20%;
    padding-left: 5px;
    overflow: hidden;
}

.hex-trade-img {
    position: relative;
}

.hex-trade-hide {
    position: absolute;
    top: 0;
    left: 0;
    background: #0997bb;
    width: 100%;
    height: 190px;
    display: none;
    margin-left: 5px;
    color: white;
    padding: 0 20px;
}

.hex-trade-img:hover .hex-trade-hide {
    display: block;
}

.hex-show-trade-hide .hex-trade-hide {
    display: block;
}

.hex-show-trade-hide:hover .hex-trade-hide {
    display: none;
}

.hex-trade-hide .tn-font-24 {
    padding: 25px 0 0 0;
    text-align: center;
    display: block;
}

.hex-product {
    margin-top: 20px;
    margin-bottom: 20px;
}

.hex-pattern {
    background-color: #e3e5e6;
    width: 310px;
    height: 466px;
    padding: 68px 50px 0 50px;
}

.hex-display {
    display: inline-block;
    font-size: 26px;
    margin-bottom: 10px;
}

.hex-pattern-detail {
    font-size: 15px;
    margin: 62px 0;
    max-height: 62px;
}

.hex-goods {
    background: url(../images/bg-display.png) no-repeat;
    height: 465px;
    width: 930px;
    background-size: 100%;
}

.hex-product-title {
    padding-top: 55px;
    margin-left: 32px;
    font-weight: 600;
    font-size: 22px;
    width: 248px;
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.hex-first .hex-pattern-detail {
    width: 248px;
    margin: 24px 33px 15px 36px;
}

.hex-first a.hex-home-product-read-more {
    margin-left: 36px;
}

.hex-second {
    color: #fff;
    width: 390px;
}

    .hex-second .hex-product-title a {
        color: #fff;
    }

    .hex-second .hex-pattern-detail a {
        color: #fff;
    }

.hex-goods-height {
    height: 233px;
}

.hex-second .hex-pattern-detail {
    width: 230px;
    margin: 33px 33px 15px 33px;
}

.hex-second a.hex-home-product-read-more {
    display: inline-block;
    margin-left: 33px;
    color: #fff;
}

.hex-third .hex-pattern-detail {
    width: 248px;
    margin: 24px 33px 15px 36px;
}

.hex-third a.hex-home-product-read-more {
    margin-left: 33px;
}

.hex-first,
.hex-second,
.hex-third {
    width: 310px;
    position: relative;
}

.hex-product .hex-third .triangle {
    position: absolute;
    top: 94px;
    left: 0;
    width: 12px;
    height: 28px;
}

/*.hex-third {
    background: url(../images/triangle.png) no-repeat;
    background-position: 0 120px;
    z-index: 1000;
}*/

.hex-first img,
.hex-second img,
.hex-third img {
    width: 310px;
    height: 233px;
}

.tn-footer {
    padding: 0;
}

.hex-footer {
    background-color: #0c0c0c;
    padding: 70px 0 0 0;
}

.tn-footer i {
    color: #0997bb;
}

.tn-footer ul {
    padding-left: 0;
    font-size: 16px;
    color: #c5c5c5;
}

    .tn-footer ul li {
        padding: 12px 0;
    }

.tn-footer .col-xs-3 {
    padding-right: 15px;
    padding-left: 15px;
    margin: 0;
}

.hex-footer-powered {
    background-color: #0c0c0c;
    padding: 0;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #999;
}

    .hex-footer-powered a {
        color: #999;
        margin: 0 5px;
        font-size: 14px;
    }

        .hex-footer-powered a:hover {
            color: #0997bb;
        }

/*关于我们*/

.hex-about {
    background: url(../images/banner.png) no-repeat top center;
    height: 640px;
}

.hex-name {
    font-size: 34px;
    margin-bottom: 30px;
}

.hex-contact-whole .hex-name a {
    color: #333333;
}

.hex-line {
    width: 60px;
    height: 2px;
    margin: auto;
}

.hex-detail {
    margin: auto;
    width: 1140px;
    margin-top: 30px;
    font-size: 18px;
}

.hex-common {
    text-align: center;
}

.hex-icon {
    margin-top: 120px;
    text-align: center;
}

    .hex-icon a {
        color: white;
    }

    .hex-icon img {
        margin-bottom: 30px;
    }

.tn-two-overflow {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 60px;
    width: 230px;
    margin: auto;
    padding-top: 20px;
    /*text-align: left;*/
}

.hex-two-overflow {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 42px;
}

.tn-much-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: auto;
    padding-top: 20px;
    max-height: 86px;
}

.tn-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hex-icon .col-lg-3 .tn-font-24 {
    display: inline-block;
}

.hex-growth {
    padding: 46px 0 0 140px;
}

.hex-intelligent:first-child {
    margin-left: 0;
}

.hex-intelligent {
    position: relative;
    margin-left: 90px;
}

.hex-growth .icon-yuanjing {
    position: absolute;
    top: 35px;
    left: 75px;
    font-size: 110px;
    color: #1b98aa;
}

.hex-icon-wrap {
    position: absolute;
    top: 35px;
    width: 110px;
    height: 157px;
    left: 75px;
    z-index: 200;
}

.hex-yuanjiang {
    background: url(../images/hex-icon-yuanjiang.jpg) no-repeat center center;
}

.hex-gaikuang {
    background: url(../images/hex-icon-gaikuang.jpg) no-repeat center center;
}

.hex-hexin {
    background: url(../images/hex-icon-hexin.jpg) no-repeat center center;
}

.hex-growth .icon-dashujuxingyegailan {
    position: absolute;
    top: 35px;
    left: 75px;
    font-size: 110px;
    color: #1b98aa;
}

.hex-growth .icon-yewu {
    position: absolute;
    top: 35px;
    left: 75px;
    font-size: 110px;
    color: #1b98aa;
}

.hex-bottom-rect {
    text-align: center;
    position: absolute;
    bottom: 39px;
    left: 9px;
    color: white;
    background-color: #1b98aa;
    width: 240px;
    height: 100px;
    line-height: 100px;
}

    .hex-bottom-rect a {
        color: white;
    }

.hex-progress {
    background: url(../images/time.png) #f6f6f6 no-repeat center;
    height: 975px;
}

.hex-contact {
    height: 700px;
}

.hex-contact-category {
    width: 373px;
}

/*.hex-contact .hex-contact-category {
    margin-left: 70px;
}*/

.hex-contact-whole {
    margin: auto;
    width: 1240px;
}

.tn-font-24 {
    font-size: 18px;
}

.hex-tn-mr-60 {
    margin-right: 60px;
}

/*产品一级*/

.hex-navigation {
    background-color: #2f2f36;
    height: 60px;
    line-height: 60px;
}

.hex-nav-title {
    padding: 19px 50px;
}

.hex-produce .hex-classify-content {
    padding: 0 10px;
    width: 33.333333%;
}

.hex-produce img {
    width: 400px;
    height: 214px;
}

.hex-detail-line {
    margin-top: -6px;
}

.hex-produce .hex-detail-line img {
    height: 10px;
    vertical-align: top;
    width: 100%;
}

.hex-produce .hex-classify-title {
    margin: 14px 0 10px;
}

.hex-produce .hex-classify-detail .tn-two-overflow {
    width: 100% !important;
    padding-top: 0;
    font-size: 15px !important;
    line-height: 1.6;
    height: 45px;
    margin: inherit;
}

/* .hex-produce .hex-primary {
  margin-left: 25px;
} */

.hex-goods-particular .hex-produce .hex-classify-content {
    background: url(../images/bg-default.png) no-repeat top;
    height: 530px;
    width: 500px;
    margin-left: 30px;
    padding: 10px 25px 0 12px;
}

    .hex-goods-particular .hex-produce .hex-classify-content:first-child {
        margin-left: 0;
    }

.hex-goods-particular {
    padding: 60px 0;
}

/*产品详情*/

.hex-differ-case .btn {
    padding: 3px 8px;
    font-size: 12px;
    margin-top: 10px;
}

.hex-differ-case .tn-much-overflow {
    min-height: 54px !important;
    padding-top: 10px;
}

.hex-differ-case .tn-text-overflow {
    overflow: hidden;
    padding-left: 0;
    padding-top: 20px;
    width: 231px;
}

.container &gt; .breadcrumb {
    margin-top: 0;
}

.breadcrumb {
    font-size: 18px;
}

    .breadcrumb a {
        color: #1b98aa;
    }

        .breadcrumb a.active {
            color: #333333 !important;
        }

    .breadcrumb &gt; li + li:before {
        padding: 0 4px;
        color: #1b98aa;
        content: '&gt;';
    }

.hex-video {
    text-align: center;
    margin: 50px 0;
}

video {
    outline: none;
}

/*折叠*/

.panel-heading a:hover {
    text-decoration: none;
    color: #ffffff;
}

.panel-default &gt; .panel-heading {
    padding: 0;
    outline: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 100%;
}

.panel-heading a:hover {
    text-decoration: none;
    background-color: #1b98aa;
    color: #ffffff;
}

.panel-group {
    width: 845px;
    margin: auto;
    margin-bottom: 50px;
}

.panel-heading a.collapsed {
    color: #666;
    background-color: #eee;
    font-size: 18px;
    font-weight: normal;
}

.panel-group .panel:last-child .panel-heading a.collapsed {
    color: #fff;
    background-color: #1b98aa;
}

.panel-heading a {
    font-weight: 600;
    padding: 12px 35px 12px 15px;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    background-color: #1b98aa;
    color: #ffffff;
    position: relative;
    text-decoration: none;
}

    .panel-heading a.collapsed:after {
        content: '\f067';
    }

    .panel-heading a:after {
        font-family: 'FontAwesome';
        content: '\f068';
        position: absolute;
        right: 15px;
        font-size: 14px;
        font-weight: 300;
        top: 50%;
        line-height: 1;
        margin-top: -7px;
    }

.collapse.in {
    display: block;
    visibility: visible;
}

.collapse {
    display: none;
    visibility: hidden;
}

.panel-body {
    font-size: 16px;
}

#collapseTwo td {
    text-align: center;
    vertical-align: middle;
}

/* 详情页文本 */

.hex-product-detail p span {
    font-size: 16px !important;
}

.hex-product-detail p {
    font-size: 16px;
    line-height: 1.6 !important;
}

.hex-product-detail {
    line-height: 1.6 !important;
    font-size: 15px;
}

    .hex-product-detail .panel {
        border: none;
    }

    .hex-product-detail .col-xs-3 {
        padding: 0;
        width: 25.6%;
    }

    .hex-product-detail .col-xs-9 {
        padding-right: 80px;
        width: 74.4%;
    }

.hex-merch {
    background-color: #f6f6f6;
    padding: 0 30px 20px;
}

    .hex-merch &gt; .hex-connect &gt; ul {
        padding-left: 0;
    }

    .hex-merch .hex-industryNews-list &gt; ul {
        border-top: none;
    }

        .hex-merch .hex-industryNews-list &gt; ul &gt; li &gt; .news {
            max-width: 280px;
            color: #0097ba;
            padding-left: 10px;
        }

.hex-product-detail .col-xs-3 img {
    width: 100%;
    overflow: hidden;
    margin-bottom: -4px;
}

.hex-caption {
    font-size: 18px;
    padding-top: 20px;
}

.hex-vertical {
    display: inline-block;
    width: 4px;
    height: 20px;
    background-color: #1b98aa;
    margin-right: 10px;
}

.hex-caption-title {
    margin-top: -6px;
}

.hex-case img {
    width: 258px;
}

.hex-case {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #333333;
}

    .hex-case.hex-differ-case.col-xs-8 {
        padding: 20px 0px;
        margin-left: 90px;
        width: 340px;
    }

ul {
    -webkit-padding-start: 0;
}

.hex-connect li {
    margin: 8px 0 8px 0;
}

.hex-connect i {
    color: #1b98aa;
    margin-right: 5px;
}

.hex-connect a {
    color: #333;
}

/*新闻中心*/

.hex-row-width .row .col-xs-3 &gt; img {
    width: 100%;
    height: 17px;
}

.tn-width-230 {
    width: 258px;
}

.hex-news-select {
    border-radius: 4px;
    padding: 5px 9px;
    width: 100px;
    margin-top: 2px;
}

.jh-list-title h3 {
    padding-top: 0;
    margin-top: 15px;
}

.jh-list-img .jh-vedio-img {
    width: 282px;
    height: 180px;
    display: block;
}

.jh-my-news .jh-news-list .jh-list-title {
    width: 554px;
    float: left;
}

.hex-width {
    width: 862px;
}

.jh-my-news .jh-news-list .jh-list-img {
    width: 312px;
    float: left;
}

.jh-my-news .jh-news-list .jh-list-title p {
    height: 48px;
}

/*.jh-my-news .jh-news-list .jh-list-title p {
    height: 69px;
}

.jh-list-title h1 {
    font-size: 25px;
    margin-top: 0;
}*/

/*.jh-list-title h1 a {
        color: #333;
    }

.jh-list-title p {
    font-size: 16px;
    margin: 32px 0;
}*/

.jh-my-news p {
    color: #333;
}

.jh-list-title .list-inline .pull-left {
    color: #999;
}

.jh-padding-white .list-unstyled .jh-news-list {
    padding-bottom: 6px;
    border-bottom: 2px solid #b2e0ea;
    width: 862px;
}

.jh-my-news .jh-news-list {
    border-top: none;
    padding-top: 1px;
}

.pagination &gt; .active &gt; a,
.pagination &gt; .active &gt; span,
.pagination &gt; .active &gt; a:hover,
.pagination &gt; .active &gt; span:hover,
.pagination &gt; .active &gt; a:focus,
.pagination &gt; .active &gt; span:focus {
    background-color: #1b98aa;
    border-color: #1b98aa;
}

.pagination li a {
    margin: 0 3px;
}

.hex-data {
    font-size: 14px;
    margin-top: 20px;
    color: #999999;
}

.hex-share-style {
    font-size: 35px;
}

/* .bdsharebuttonbox &gt; li {
    padding-left: 15px;
} */

/* .bdsharebuttonbox &gt; li &gt; a {
        padding: 0 20px;
    } */

/*简单专题*/

.hex-special {
    height: 436px;
}

    .hex-special .img-width {
        width: 544px;
        height: 300px;
    }

.hex-gray-special .img-width {
    width: 544px;
    height: 300px;
}

.hex-special,
.hex-gray-special {
    padding-top: 20px;
}

    .hex-special ul {
        border-bottom: 2px solid #b2e0ea;
        position: relative;
    }

    .hex-gray-special ul {
        padding-left: 7px;
        border-bottom: 2px solid #b2e0ea;
        position: relative;
    }

    /*.hex-special li .hex-primary {
  position: absolute;
  bottom: 4px;
}*/

    .hex-gray-special li .hex-primary {
        position: absolute;
        bottom: 4px;
    }

.hex-special-title {
    max-width: 652px;
}

    .hex-special-title a {
        font-size: 24px;
        color: #333333;
    }

.hex-special-date {
    margin: 30px 0;
    font-size: 18px;
}

    .hex-special-date .iconfont {
        color: #0996ba;
    }

    .hex-special-date .icon-shizhong {
        font-size: 20px;
    }

.hex-special p {
    height: 120px !important;
}

.hex-special p,
.hex-gray-special p {
    width: 596px;
    font-size: 14px;
}

.hex-special button,
.hex-gray-special button {
    margin-top: 10px;
    margin-bottom: 20px;
}

.hex-gray-special {
    background-color: #f6f6f6;
    height: 436px;
}

.hex-simple-img {
    position: relative;
}

.hex-common-img {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 20px;
}

.hex-special .hex-line,
.hex-gray-special .hex-line {
    width: 120px;
    height: 2px;
    margin: 20px 0 30px;
}

.hex-special-different {
    /*background: url(../images/bevel-sim.png) no-repeat;*/
    height: 397px;
    margin-top: 60px;
    position: relative;
    margin-bottom: 100px;
    color: white;
}

    .hex-special-different .hex-special-title a {
        color: white;
    }

    .hex-special-different ul {
        position: relative;
    }

    .hex-special-different li .hex-primary {
        position: absolute;
        top: 160px;
    }

.hex-bevel {
    position: absolute;
    top: 0;
    right: 0;
    height: 315.59px;
}

.hex-left-bevel {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 632px;
}

.hex-special-different ul {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 1000;
    width: 440px;
}

.hex-special-different .hex-line {
    width: 120px;
    height: 2px;
    margin: 20px 0 30px 0;
}

.hex-white {
    border: 1px solid #fff;
    color: #fff;
}

.hex-special-different .hex-primary:hover,
.hex-special-different .hex-primary:focus,
.hex-special-different.hex-primary:active {
    color: white;
    background: none;
}

.hex-fixed {
    position: fixed;
    right: 40px;
    top: 200px;
}

    .hex-fixed img {
        width: 120px;
        height: 20px;
    }

.hex-fixed-list {
    border: 1px solid #16bdd5;
    margin-top: -6px;
}

.hex-fixed-title {
    width: 118px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    /*background-color:#16bdd5;*/
    color: #fff;
    margin-top: -2px;
    background: #16bdd5 url(../images/fix-line.png) no-repeat;
}

    .hex-fixed-title a {
        color: #fff;
    }

    .hex-fixed-title:hover,
    .hex-fixed-title:focus,
    .hex-fixed-title .active {
        background-color: white;
    }

        .hex-fixed-title:hover a,
        .hex-fixed-title:focus a,
        .hex-fixed-title .active a {
            color: #16bdd5;
        }

/*复杂专题*/

.hex-complex {
    background: #16bdd5;
    height: 49px;
    border-bottom: 1px solid #16bdd5;
}

    .hex-complex li {
        line-height: 48px;
        width: 14%;
        text-align: center;
        padding: 0;
        /*background: #16bdd5;*/
        margin-right: -5px;
        /*margin: 0;*/
        background: #16bdd5 url(../images/upright.png) no-repeat;
    }

        .hex-complex li:first-child {
            background: #16bdd5;
        }

        .hex-complex li a {
            color: white;
            padding: 0;
        }

        .hex-complex li:hover,
        .hex-complex li:focus {
            background-color: #fff;
            /*width: 220px;*/
        }

        .hex-complex li.active {
            background-color: #fff;
        }

            .hex-complex li:hover a,
            .hex-complex li:focus a,
            .hex-complex li.active a {
                color: #16bdd5;
            }

.hex-complex-subject {
    background-color: #333333;
    padding: 75px 0;
}

    .hex-complex-subject .hex-left img {
        width: 758px;
        height: 443px;
    }

.hex-sub-bg {
    background-color: #16bdd5;
    height: 145px;
    width: 758px;
    padding: 20px 30px;
    font-size: 18px;
}

    .hex-sub-bg li a {
        color: white;
    }

    .hex-sub-bg li {
        padding: 5px 0;
    }

.hex-complex-subject .hex-right {
    margin-left: 75px;
}

.hex-right span {
    color: white;
    font-size: 20px;
}

.hex-subject-title a {
    font-size: 30px;
    color: white;
}

.hex-right .pull-right {
    margin-left: 40px;
    padding-top: 7%;
}

.hex-product-detail .tn-text-area .icon-shizhong {
    font-size: 14px !important;
}

.hex-right li {
    color: white;
    font-size: 18px;
    margin: 20px 0;
}

    .hex-right li a {
        color: white;
    }

.hex-subject-title span {
    position: relative;
    display: inline-block;
    background-color: #f19ec2;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    margin-top: 7px;
}

.icon-nv {
    position: absolute;
    top: 3.5px;
    left: 3.5px;
}

.hex-bottom-title {
    font-size: 18px;
    margin-top: 16px;
    width: 700px;
    color: white;
    height: 60px;
    overflow: hidden;
}

.hex-complex-date {
    height: 545px;
}

.hex-calendar {
    height: 80px;
    background-color: #f6f6f6;
}

    .hex-calendar li {
        padding: 23px 43.5px;
        text-align: center;
        font-size: 24px;
        color: #999999;
        position: relative;
    }

        .hex-calendar li:hover {
            background-color: #1b98aa;
            color: white;
        }

.hex-calendar-border {
    border: 1px solid #1b98aa;
    height: 430px;
}

    .hex-calendar-border .col-xs-2 {
        height: 428px;
        text-align: center;
        padding: 60px 0;
        position: relative;
    }

.hex-location {
    position: absolute;
    bottom: 20px;
    left: 16%;
}

.icon-triangle-top {
    position: absolute;
    bottom: -40px;
    left: 48%;
    font-size: 24px;
    color: #1b98aa;
    display: none;
}

.hex-calendar li.active .icon-triangle-top {
    display: block;
}

.hex-report {
    background-color: #f6f6f6;
    height: 630px;
    padding: 80px;
    width: 100%;
}

.hex-report-team {
    display: inline-block;
    margin-left: 10px;
    color: #999999;
    padding-right: 492px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999999;
}

.hex-department {
    height: 400px;
    width: 850px;
    background-color: #fff;
    padding: 20px 25px;
}

.hex-report .icon-sanjiaoyou {
    color: #1b98aa;
}

.hex-department li {
    padding: 12px 0;
}

    .hex-department li span {
        color: #333333;
        font-size: 18px;
    }

.hex-review .hex-report-team {
    display: inline-block;
    margin-left: 10px;
    color: #999999;
    padding-right: 170px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999999;
}

.hex-review-picture img {
    width: 630px;
    height: 326px;
}

.hex-review-date {
    background-color: white;
    width: 630px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    font-size: 18px;
}

    .hex-review-date .fa {
        margin: 0 30px;
        color: #999;
        font-size: 20px;
    }

/*社区*/

.hex-header .tn-header .navbar-right &gt; li &gt; a:hover,
.hex-header .tn-header .navbar-right &gt; li &gt; a:focus {
    text-decoration: none;
    background: none;
    border-bottom: none !important;
}

.hex-community-banner img {
    height: 490px;
    width: 100%;
}

.hex-community-banner .hex-community-banner .hex-banner-line {
    width: 100px;
    height: 6px;
    background-color: white;
    margin: 60px 0 40px 0;
}

.hex-header .tn-header .navbar-right &gt; li &gt; a {
    margin: 0 10px;
}

.hex-login-com {
    color: #1b98aa;
}

.hex-tab {
    border-bottom: 1px solid #1b98aa;
    width: 862px;
}

    .hex-tab &gt; li.active &gt; a,
    .hex-tab &gt; li.active &gt; a:hover,
    .hex-tab &gt; li.active &gt; a:focus {
        color: #1b98aa;
        cursor: default;
        background-color: #fff;
        border: 1px solid #1b98aa;
        border-bottom-color: transparent;
        text-align: center;
        margin-top: 0;
        max-width: 200px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.hex-commmunity .hex-tab a {
    width: 110px;
    text-align: center;
}

.hex-tab &gt; li a {
    color: #333333;
    font-size: 16px;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .hex-tab &gt; li a:hover,
    .hex-tab &gt; li a:focus {
        color: #1b98aa;
        margin-top: -1px;
    }

.btn-portable {
    background-color: #0997bb;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 1px 12px;
    color: #fff;
    border-radius: 0px;
}

    .btn-portable:hover {
        color: #fff;
    }

.hex-commmunity .jh-list-title h1 {
    width: 1080px;
}

.hex-commmunity .tn-dark-color i {
    font-size: 14px;
}

.hex-commmunity .tn-dark-color a {
    color: #999;
}

.hex-commmunity .tn-dark-color li {
    margin: 0 10px;
}

    .hex-commmunity .tn-dark-color li:first-child {
        margin-left: 0;
    }

.hex-commmunity .jh-news-list .jh-list-img {
    width: 312px;
    float: left;
}

.jh-news-list .hex-list-title {
    width: 554px;
    float: left;
}

.hex-list-title h1 {
    width: 537px !important;
}

.jh-padding-white .hex-primary {
    width: 480px;
    margin-left: 168px;
    text-align: center;
}

.tab-content {
    width: 862px;
}

.jh-sign-in .col-xs-7 {
    padding-left: 0px;
    color: #999;
}

.jh-sign-in a:hover {
    color: #0996ba;
}

.hex-home .hex-primary {
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hex-home .media {
    padding: 0 15px;
}

.hex-login-img {
    background-color: #eeeeee;
}

.hex-home .hex-merch {
    padding: 0 20px 20px;
}

    .hex-home .hex-merch .hex-fans p {
        text-align: center;
    }

.hex-login {
    width: 1040px;
    margin: auto;
    margin-top: 40px;
}

.tn-login-table {
    padding: 40px 100px;
}

    .tn-login-table h1 {
        text-align: center;
    }

.input-group {
    margin-bottom: 20px;
}

.input-group-addon {
    font-size: 18px;
}

.form-control-feedback {
    z-index: 6;
}

.jh-user-name ul {
    margin: 0 0 5px;
}

.media .media-body {
    border: none;
}

.hex-fans a {
    color: #333333;
    font-size: 16px;
}

.hex-register-home .tn-login-table {
    padding: 10px 100px;
}

/*登录*/

.hex-login .row .hex-primary {
    margin-top: 10px;
    width: 97px;
    padding: 6px 20px !important;
}

.hex-login .form-control:focus {
    border-color: #ccc;
}

.hex-login {
    border: 1px solid #0996ba;
}

    .hex-login .input-group input {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

/*注册*/

.hex-register-home {
    background-color: white;
    padding: 50px 250px;
}

    .hex-register-home .hex-login-img {
        padding: 64px 25px;
    }

.form-group {
    position: relative;
    margin-bottom: 10px;
}

    .form-group .form-control-feedback {
        top: 25px;
    }

/*论坛首页*/

.hex-distance .media-heading {
    margin: 0 0 5px 0 !important;
}

.hex-distance p {
    margin-bottom: 0 !important;
}

.label-danger {
    background-color: #0997bb;
}

.media-heading a {
    color: #333;
}

    .media-heading a:hover {
        color: #0997bb;
    }

.hex-merch .media ul {
    margin-bottom: 5px !important;
}

.hex-merch .media {
    padding: 10px;
    border: 1px solid #0997bb;
}

.hex-tn-pr-10 {
    padding-right: 10px;
}

.media-body {
    position: relative;
}

    .media-body .text-muted {
        font-size: 14px;
    }

    .media-body .media-heading {
        margin-top: 10px;
    }

    .media-body .tn-chat-photo {
        width: 100%;
    }

    .media-body .icon-shizhong {
        font-size: 14px;
    }

.media .mui-col-xs-4 {
    padding-left: 10px;
}

    .media .mui-col-xs-4:first-child {
        padding-left: 0;
    }

.tn-chat-photo .tn-photo-item {
    text-align: center;
    margin: 0;
}

.hex-merch .media-body .hex-primary {
    position: absolute;
    bottom: 5px;
    z-index: 6;
    right: 0;
    padding: 1px 4px;
    font-size: 12px;
}

.hex-merch .media-body .hex-post {
    width: 67px;
    margin-top: -7px;
}

.hex-forum {
    margin-top: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #0997bb;
    font-size: 24px;
}

.hex-forum-detail a {
    display: inline-block;
    padding: 10px 10px 0 0;
    font-size: 18px;
    color: #333;
}

    .hex-forum-detail a:hover {
        color: #0997bb;
    }

/*简单专题*/

.container-fluid .breadcrumb &gt; li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: '/\00a0';
}

.container-fluid {
    background-color: #fff;
}

.hex-form .btn-default:hover,
.hex-form .btn-default:active,
.hex-form .btn-default:active:hover {
    background-color: #1b98aa;
    color: #fff;
    border-color: #1b98aa;
}

.hex-back-header,
.hex-back-footer {
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #cccccc;
}

.hex-back-input {
    margin: 20px 0;
    border: 1px dashed #ccc;
    width: 100%;
    height: 200px;
    line-height: 200px;
    position: relative;
    cursor: pointer;
    color: #d9d9d9;
    border: 1px dashed #ddd;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    font-size: 45px;
}

    .hex-bg-title .hex-video-map input,
    .hex-back-input input {
        position: absolute;
        font-size: 100px;
        right: 0;
        top: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
    }

/*新增的专题样式*/

.hex-dashed-line {
    border: 1px dashed #ccc;
    padding: 20px;
}

.hex-partition-line {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin-top: 20px;
}

.hex-contains-files {
    border: none !important;
    padding-left: 0 !important;
}

    .hex-contains-files .hex-back-input {
        height: 222px;
    }

.hex-upload-files {
    border: none;
    background-color: transparent;
    color: #006699;
}

.hex-back-input a {
    position: absolute;
    top: -55px;
    right: 13px;
    font-size: 13px;
}

.hex-dashed-line .hex-delete {
    top: -4px !important;
}

.hex-dashed-line .hex-input {
    width: 48% !important;
}

.hex-dashed-line .hex-upload {
    position: relative;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 !important;
    overflow: hidden;
    color: #0997bb !important;
    text-decoration: none;
    text-indent: 0;
    line-height: 0;
}

.hex-operation i {
    font-size: 16px;
    color: #666;
    padding: 5px;
    cursor: pointer;
}

.hex-operation {
    right: -8px !important;
}

.hex-operation,
.hex-dashed-line .hex-delete,
.hex-back-picture a,
.hex-bg-title a {
    position: absolute;
    top: 13px;
    right: 13px;
    font-size: 13px;
}

.hex-bg-title .hex-video-map {
    border: 1px dashed #ccc;
    padding: 30px;
    cursor: pointer;
    color: #d9d9d9;
    font-size: 28px;
}

.hex-back-picture,
.hex-bg-title {
    position: relative;
    border: 1px dashed #ddd;
    padding: 10px 60px;
    margin-top: 20px;
    height: 270px;
}

.hex-picture-left {
    width: 50%;
}

.hex-input {
    margin: 20px 0;
}

.hex-input {
    width: 50%;
}

.hex-bg-left {
    width: 50%;
}

.hex-bg-content {
    border: 1px dashed #ddd;
    padding: 20px;
    position: relative;
}

.hex-back-footer {
    margin: 20px 0 0;
}

.hex-upload {
    position: relative;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #333;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}

    .hex-upload input {
        position: absolute;
        font-size: 100px;
        right: 0;
        top: 0;
        opacity: 0;
    }

.hex-back-bottom .col-xs-1 {
    width: 5%;
}

.hex-back-bottom .col-xs-11 {
    width: 95%;
}

.container-fluid {
    padding-bottom: 100px;
}

.hex-back-bottom .form-group .form-control-feedback {
    top: 1px;
}

.hex-back-bottom .col-xs-3 {
    padding-left: 0;
    width: 10%;
}

.hex-back-bottom .col-xs-2 {
    width: 5%;
}

.hex-heading {
    width: 300px;
    line-height: 200px;
}

.hex-confirm {
    background-color: #fff;
    border-color: #1b98aa;
    padding: 6px 25px;
}

    .btn-primary,
    .btn-primary:hover,
    .hex-confirm:hover {
        background-color: #1b98aa;
        border-color: #1b98aa;
        color: #fff;
    }

.hex-back-content {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}

/*贴吧头部*/

.hex-post-header {
    background-color: #f2f2f2;
    padding: 17px 50px;
}

.hex-post-img {
    padding: 0 10px;
}

.hex-post-header .hex-primary {
    margin-top: -8px;
    padding: 0 10px;
}

.hex-post-header ul {
    margin: 0;
}

.hex-post-title {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    /*margin-bottom: -4px;*/
}

.hex-post-header .btn-portable {
    margin-top: 10px;
}

.hex-post-line img {
    width: 100%;
    height: 15px;
}

.hex-row-width .col-xs-3 {
    width: 25.6%;
}

.hex-row-width .col-xs-9 {
    width: 74.4%;
}

.hex-list .col-xs-7 {
    padding-right: 2px;
    padding-left: 1px;
}

.hex-list .col-xs-12 {
    padding: 0 1px 0 3px;
}

.hex-right-bottom ul {
    font-weight: 600;
    padding-left: 0;
}

.jh-video-small .jh-video-block {
    width: 400px;
    height: 214px;
    position: relative;
}

    .jh-video-small .jh-video-block img {
        width: 400px;
        height: 214px;
    }

.hex-video-play .col-xs-6 {
    padding-right: 40px;
}

.hex-video-play {
    padding-right: 40px;
}

.jh-video-small .jh-video-block ul {
    background-color: rgba(9, 151, 187, 0.6);
}

.jh-video-small p {
    color: #333;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 380px;
    height: inherit;
}

    .jh-video-small p:hover,
    .jh-video-small p:focus {
        color: #0996ba;
    }

/*auther:fyx 6.6*/

.hex-hdbar .hex-hd-title {
    font-size: 48px;
    color: #0091b5;
    margin: 0px;
    margin-bottom: 30px;
    text-align: right;
    letter-spacing: 1.75px;
}

.hex-hdbar .hex-wrap-list {
    text-align: right;
}

    .hex-hdbar .hex-wrap-list &gt; li {
        margin: 0px;
        padding: 0px;
        margin-left: 68px;
    }

        .hex-hdbar .hex-wrap-list &gt; li &gt; a {
            color: #333;
            letter-spacing: 1.75px;
        }

            .hex-hdbar .hex-wrap-list &gt; li &gt; a:hover {
                color: #0091b5;
            }

.hexu-more-wrap {
    font-size: 18px;
}

.hex-reset-caption.hex-caption {
    font-size: 28px;
}

.hex-reset-caption .hex-vertical {
    display: inline-block;
    width: 6px;
    height: 28px;
    background-color: #1b98aa;
    margin-right: 15px;
}

.hex-items .hex-group {
    margin: 0px -12px;
}

    .hex-items .hex-group &gt; li {
        width: 33.3333%;
        padding: 0px 12px;
    }

    .hex-items .hex-group &gt; li {
        float: left;
        padding-bottom: 20px;
    }

.item-wrap {
    border-bottom: 2px solid #b2e0ea;
}

    .item-wrap .item-img {
        overflow: hidden;
    }

    .item-wrap .item-strip {
        height: 20px;
        background: url(../images/hex-strip.png) no-repeat;
        background-size: cover;
    }

    .item-wrap .item-title {
        margin-top: 25px;
        font-size: 36px;
        color: #333;
    }

        .item-wrap .item-title a {
            color: #333;
        }

    .item-wrap .item-desc {
        margin-top: 25px;
        font-size: 16px;
        color: #333;
        padding-bottom: 30px;
        height: 86px;
    }

.hex-items {
    margin-bottom: 20px;
    margin-top: 20px;
}

.hex-reset-header {
    height: inherit;
    height: auto;
}

.hex-reset .hex-banner-title {
    font-size: 36px;
}

.hex-ztwrap {
    padding-left: 60px;
    width: 405px;
    padding-top: 100px;
}

    .hex-ztwrap .hex-banner-title {
        width: inherit;
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .hex-ztwrap .hex-banner-detail {
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .hex-ztwrap .btn-approve {
        padding: 10px 70px;
    }

.hex-reset.hex-banner {
    height: inherit;
    height: auto;
}

    .hex-reset.hex-banner img {
        max-width: none;
    }

.hex-macitem .macitem-wrap {
    margin: 0 -20px;
}

    .hex-macitem .macitem-wrap &gt; li {
        float: left;
        padding: 20px;
        width: 25%;
    }

        .hex-macitem .macitem-wrap &gt; li &gt; .hex-macwrap {
            box-shadow: 5px 5px 10px #e8f4f6, -5px -5px 10px #e8f4f6;
        }

.hex-macwrap {
    text-align: center;
}

    .hex-macwrap .hex-uimg-wrap {
        height: 156px;
    }

        .hex-macwrap .hex-uimg-wrap &gt; img {
            max-width: 280px;
            max-height: 160px;
        }

.item-strip {
    height: 17px;
    background: url(../images/hex-strip.png) no-repeat;
    background-size: cover;
}

.hex-itemtext {
    padding: 20px;
    text-align: center;
    font-size: 30px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hex-para {
    text-indent: 2em;
    font-size: 15px;
}

.hex-titel h1 {
    font-size: 36px;
}

.hex-pt-20 {
    padding-top: 20px;
}

.hex-cutline {
    height: 2px;
    background: #76c3d4;
    position: relative;
    margin-bottom: 20px;
}

.hex-triangle {
    position: absolute;
    border-top: 13px solid #76c3d4;
    border-right: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid transparent;
    top: 2px;
}

.hex-cutline-down {
    height: 6px;
    background: #63b0c4;
    margin: 0 0 30px 0;
}

.hex-product-detail .tn-text-area img {
    max-width: 1080px;
}

.hex-product-detail .col-xs-9 p img,
.hex-product-detail .tn-text-area &gt; p &gt; a &gt; img {
    max-width: 842px;
}

/*积分商城*/

.tn-shop-img img {
    max-width: 100%;
    max-height: 330px;
}

.tn-shop-img {
    height: 330px;
}

.jh-thumbnail:hover p {
    color: #0996ba;
}

.thumbnail h5:hover {
    color: #0996ba;
}

.jh-shop-bar .jh-small-img.list-inline &gt; li.active .img-thumbnail {
    border: 1px solid #0996ba;
}

.jh-nav-tabs &gt; li.active &gt; a {
    border: none;
    margin-right: 0;
    color: #0996ba;
    background-color: transparent;
    border-bottom: 2px solid #0996ba;
}

.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus {
    color: #0996ba;
    text-decoration: none;
}

btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open &gt; .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open &gt; .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open &gt; .dropdown-toggle.btn-primary.focus,
.btn-default.active:hover {
    background-color: #0996ba;
    border-color: #0996ba;
}

.hex-primary.active {
    color: white;
    background-color: #0997bb;
}

/*首页新闻中心技术中心社区中心 按钮*/

.hex-classify-detail .hex-primary {
    color: #0996ba;
}

    .hex-classify-detail .hex-primary:hover {
        color: #ffffff;
    }

.hex-list-img-goods {
    width: 280px;
    float: left;
}

    /*社区首页积分商城推荐商品*/

    .hex-list-img-goods .jh-vedio-img {
        width: 260px;
        height: 146px;
        display: block;
    }

/*用户空间导航hover样式*/

.jh-nav-tabs &gt; li.active &gt; a:hover,
.jh-nav-tabs &gt; li.active &gt; a:focus {
    border: none;
    border-bottom: 2px solid #0996ba;
    background-color: #eee;
}

/*用户空间 二级导航选中样式*/

.nav-pills &gt; li.active &gt; a,
.nav-pills &gt; li.active &gt; a:hover,
.nav-pills &gt; li.active &gt; a:focus {
    color: #0996ba;
    background-color: #f6f6f6;
}

.nav-pills &gt; li &gt; a,
.nav-pills &gt; li &gt; a,
.nav-pills &gt; li &gt; a {
    color: #000000;
    background-color: #f6f6f6;
}

.hex-news-list .hex-list-title {
    width: 540px;
    float: left;
}

.jh-space-setup .jh-space-left ul li.active a {
    color: #0996ba;
}

.jh-space-setup .jh-space-left ul li.active {
    background-color: white;
    border-left: 2px solid #0996ba;
}

.progress-bar {
    background-color: #0996ba;
}

.hex-reset-drown {
    right: 8px !important;
}

.tn-header .hex-reset-drown &gt; li &gt; a {
    padding: 3px 10px;
    margin: 0;
    text-align: left;
    text-indent: 20px;
}

.hex-reset-bannerh {
    height: 500px;
}

.hex-reset-height {
    height: 190px;
}

.not-a {
    color: #000000;
}

.hex-link-wrap {
    height: 60px;
}

.jh-search-home {
    min-height: 500px;
}

.hex-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hex-plan-cut {
    max-width: 630px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.hex-manager-width {
    display: inline-block;
    max-width: 52px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: bold;
    color: #333;
}

.hex-tiezi-img {
    width: 87px;
    height: 67px;
}

/*.hex-detail-word .hex-classify-detail {
    height: 60px;
}*/

.hex-detail-word .hex-classify-detail,
.hex-reset-classify-detail {
    height: 60px;
}

.hex-reset-border {
    margin-top: 20px;
    border-bottom: 2px solid #333333;
}

.hex-reset-gl {
    position: absolute;
    top: 8px;
    right: 64px;
}

.jh-list-img .jh-reset-vedio-img {
    width: 260px;
    height: 146px;
    max-width: 260px;
    max-height: 146px;
    display: block;
}

li.jh-reset-list-title {
    max-width: 1256px;
    padding-left: 15px;
}

.jh-list-title p.hex-reset-p {
    font-size: 18px;
    height: 69px;
    overflow: hidden;
    margin-bottom: 15px;
}

.jh-news-list {
    margin-bottom: 35px;
}

.hex-seta-mb {
    color: #333333;
    display: block;
    margin-bottom: 10px;
}

.hex-pl-0 {
    padding-left: 0px;
}

.hex-color-999 {
    color: #999;
}

.hex-tab &gt; li.open &gt; a,
.hex-tab &gt; li.open &gt; a:hover,
.hex-tab &gt; li.open &gt; a:focus {
    color: #1b98aa;
    cursor: default;
    background-color: #fff;
    border: 1px solid #1b98aa;
    border-bottom-color: transparent;
    text-align: center;
    margin-top: 0;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#collapseTwo .panel-body p .fancybox &gt; img {
    max-width: 812px;
}

.bg-icon_address {
    width: 18px;
    height: 18px;
    background: url('../images/hex-icons.png') -4px -2px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-size: 74px;
}

.bg-icon_post {
    width: 18px;
    height: 18px;
    background: url('../images/hex-icons.png') -28px -3px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-size: 74px;
}

.bg-icon_email {
    width: 18px;
    height: 18px;
    background: url('../images/hex-icons.png') -54px -1px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-size: 74px;
}

.bg-icon_fax {
    width: 18px;
    height: 18px;
    background: url('../images/hex-icons.png') -28px -28px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-size: 74px;
}

.bg-icon_service {
    width: 18px;
    height: 18px;
    background: url('../images/hex-icons.png') -86px -10px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-size: 74px;
}

.bg-icon_tel {
    width: 18px;
    height: 18px;
    background: url('../images/hex-icons.png') -4px -77px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-size: 74px;
}

/*20180724 liqg 修改产品二三四级列表页样式*/

.hex-product-level-3 {
    height: 310px;
}

    .hex-product-level-3 .title {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 18px;
    }

    .hex-product-level-3 .summary {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
    }

.hex-fenwrap a img {
    margin-left: 10px;
}

.jh-my-post .nav .open &gt; a,
.jh-my-post .nav .open &gt; a:hover,
.jh-my-post .nav .open &gt; a:focus {
    border-color: #1b98aa;
}

.dropdown-menu &gt; .active &gt; a,
.dropdown-menu &gt; .active &gt; a:hover,
.dropdown-menu &gt; .active &gt; a:focus {
    background-color: #1b98aa;
}

.jp-video-360p {
    width: 845px !important;
}

.hex-others-wrap {
    margin-top: 30px;
}

.hex-itemwrap-bg {
    padding-top: 10px;
    padding-bottom: 1px;
}

.hex-lable-wrap {
    background-color: #0997bb;
    width: 100%;
    padding-right: 24px;
}

.hex-label {
    color: #fff;
    background: #599eb0;
    padding: 10px;
    font-size: 20px;
    border-radius: 0;
    position: relative;
    left: -6px;
    display: inline-block;
}

.hex-open {
    float: right;
    color: #ffffff;
    line-height: 40px;
    cursor: pointer;
    font-size: 18px;
}

    .hex-open i {
        margin-left: 10px;
    }

.hex-macitem .macitem-wrap &gt; li &gt; .hex-macwrap {
    box-shadow: none;
}

.hex-complex-cms .hex-reset-caption.hex-caption {
    font-size: 36px;
}

.hex-complex-cms .hex-reset-caption .hex-vertical {
    height: 40px;
}

.hex-complex-cms .item-wrap .item-title {
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hex-footer-line {
    border-top: 1px solid #262626;
}

.hex-footer .col-xs-2 {
    padding: 0;
    width: 12%;
}

.hex-footer-link &gt; ul &gt; li {
    float: left;
    color: #333;
}

    .hex-footer-link &gt; ul &gt; li &gt; a {
        color: #333;
        font-size: 16px;
        letter-spacing: 2px;
    }

.hex-footer-link &gt; ul {
    margin: 0;
}

.hex-wechat {
    width: 140px;
}

.hex-phone-info {
    color: #fff;
}

    .hex-phone-info .hex-i-wrap i {
        color: #fff;
        font-size: 26px;
        vertical-align: middle;
    }

/*社区主页banner*/

.hex-left {
    width: 100%;
    height: auto;
}

.hex-right {
    width: 33.14%;
    font-family: 'Klavika Condensed', Calibri, 'SimHei', Arial, sans-serif;
    position: relative;
}

.hex-more-wrap {
    position: relative;
}

.hex-right .hex-m-banner .hex-banner-detail {
    font-size: 15px;
    color: #fff;
    margin-bottom: 8px;
    font-family: Microsoft YaHei !important;
}

.hex-more-wrap .btn-approve {
    position: absolute;
    font-size: 14px;
    background-color: #313131;
    border: 0;
    border-radius: 0;
    padding: 9px 20px;
    color: #fff;
}

    .hex-more-wrap .btn-approve:hover,
    .hex-more-wrap .btn-approve:focus,
    .hex-more-wrap .btn-approve:active {
        background-color: #d9f1f4;
        color: #1b98aa;
    }

.hex-community-banner .hex-auto-banner img {
    height: auto;
}

.hex-community-banner .jp-video-play-icon {
    position: relative;
    display: block;
    width: 94px;
    height: 100px;
    margin-left: -56px;
    margin-top: -50px;
    left: 0;
    margin: auto;
    top: 39%;
    background: url(../images/jplayer.blue.monday.video.play.png) 0 0 no-repeat;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}

.video.hex-banner-right {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 40px;
    background: #009abf;
    height: 442px;
    width: 413px;
}

    .video.hex-banner-right .hex-banner-title {
        font-size: 42px;
        color: #fff;
        width: 334px;
        margin-bottom: 30px;
    }

    .video.hex-banner-right .hex-banner-detail {
        font-size: 16px;
        color: #fff;
        margin-bottom: 60px;
        height: 88px;
    }

    .video.hex-banner-right .hex-banner-title {
        font-size: 22px;
        color: #fff;
        margin-bottom: 30px;
    }

.hex-banner-line {
    width: 72px;
    height: 4px;
    background-color: white;
    margin: 0;
    margin-top: 26%;
    margin-bottom: 10%;
}

.hex-reset-title.hex-banner-title {
    margin-bottom: 60px;
}

/*.sp-horizontal .sp-arrows {
    z-index: 20;
}*/

.sp-horizontal .sp-next-arrow {
    left: 1112px;
}

.hex-u-resetrow &gt; .hex-classify-content {
    padding: 0 10px;
    width: 33.333333%;
    margin-bottom: 20px;
}

.hex-describe {
    margin-bottom: 30px;
    margin-top: 25px;
}

.hex-pr-0 {
    padding-right: 0;
}

.tn-file-list {
    margin-bottom: 15px;
}

    .tn-file-list .row {
        margin-top: 15px;
    }

.hex-m-smcase {
    margin: 0 -12px;
}

    .hex-m-smcase .hex-case {
        border: 0;
        padding-bottom: 0;
        padding-left: 12px;
        padding-right: 12px;
    }

    .hex-m-smcase .hex-differ-case .tn-text-overflow {
        padding-top: 15px;
        font-size: 14px;
    }

.hex-reset-overflow {
    display: block;
    max-height: 60px;
    width: 230px;
    margin: auto;
    padding-top: 20px;
}

.hex-u-text {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.hex-i-wrap {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #262626;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin: auto;
    margin-bottom: 15px;
}

.hex-lg-font {
    font-size: 24px;
    margin-bottom: 15px;
}

.hex-division {
    padding: 0 5px;
    color: #333;
}

.jh-home-user .jh-user-img img {
    width: 1240px;
    height: 200px;
}

/*导航 下拉*/

.tn-header .col-xs-7 {
    width: 522px;
}

.tn-header .col-xs-5 {
    width: 332px;
}

.hex-shade {
    position: absolute;
    background-color: #fff;
    margin-top: 100px;
}

/*.hex-shade-line {
	height: 10px;
	width: 1240px;
	background-color: #0996BA;
}*/

.fa-times {
    position: absolute;
    top: 20px;
    right: 18px;
    font-size: 28px;
}

/*.hex-shade-header {
	height: 90px;
	width: 1240px;
	margin-left: auto;
	margin-right: auto;
}*/

.hex-shade-header ul {
    display: inline-block;
}

    .hex-shade-header ul li {
        display: inline;
        position: relative;
    }

        .hex-shade-header ul li .fa {
            position: absolute;
            bottom: -15px;
            right: 50%;
            font-size: 30px;
            color: #e6eaee;
            display: none;
        }

.hex-shade-header .nav-tabs &gt; li &gt; a {
    padding: 30px 0;
    color: #7e7e7e;
    margin-right: 30px;
    font-size: 16px;
    display: block;
}

    .hex-shade-header .nav-tabs &gt; li &gt; a:hover,
    .hex-shade-header .nav-tabs &gt; li &gt; a:focus {
        border: none;
        background: none;
        color: #121212;
    }

.hex-shade-header .nav-tabs,
.hex-shade-header .nav-tabs &gt; li.active &gt; a,
.hex-shade-header .nav-tabs &gt; li.active &gt; a:hover,
.hex-shade-header .nav-tabs &gt; li.active &gt; a:focus {
    border: none;
    background: none;
}

    .hex-shade-header .nav-tabs &gt; li &gt; a {
        border: none;
    }

.hex-shade-header ul li.active {
    color: #121212;
    background: none;
}

    .hex-shade-header ul li.active .fa {
        display: block;
    }

.hex-shade .tab-content {
    border-top: 2px solid #e6eaee;
    width: 100%;
    padding-bottom: 0;
}

.hex-list {
    padding: 25px 0 0;
}

    .hex-list .hex-u-wrap {
        overflow-y: auto;
        max-height: 560px;
    }

        .hex-list .hex-u-wrap &gt; ul {
            padding-left: 0;
        }

    .hex-list li {
        width: 100%;
        padding: 9px 10px;
        height: 35px;
        border-bottom: 1px solid #e6eaee;
    }

        .hex-list li .fa-angle-right {
            display: none;
            font-size: 16px;
        }

        .hex-list li a {
            color: #333333;
        }

.hex-shade-width {
    width: 300px;
}

.hex-list li:hover,
.hex-list .active {
    background: #e6eaee;
}

    .hex-list li:hover a,
    .hex-list .active a {
        color: #40aec9;
        font-weight: 600;
    }

    .hex-list li:hover .fa-angle-right,
    .hex-list .active .fa-angle-right {
        display: block;
        font-size: 16px;
    }

.hex-shade-middle {
    padding-top: 15px;
    background-color: #e6eaee;
}

    .hex-shade-middle li {
        width: 50%;
        float: left;
        font-weight: 600;
    }

    .hex-shade-middle ul {
        height: 420px;
        margin-top: 0;
        padding: 0 15px;
        border-bottom: 2px solid #fff;
        margin-bottom: 0;
    }

.hex-shade .col-xs-3,
.hex-shade .col-xs-4,
.hex-shade .col-xs-5 {
    padding: 0;
    padding-right: 2px;
    font-size: 16px;
}

.hex-shade .col-xs-4 {
    padding: 0;
}

.hex-shade-bottom {
    height: 40px;
    color: #000;
    background-color: #e6eaee;
}

.hex-shade-right {
    padding: 24px 34px;
    height: 435px;
    background-color: #e6eaee;
    border-bottom: 2px solid #fff;
}

    .hex-shade-right img {
        margin: 20px 0;
    }

.hex-shade-title {
    font-size: 14px;
    margin: 10px 0;
}

.hex-right-bottom {
    height: 40px;
    color: #000;
    background-color: #e6eaee;
    margin-left: -2px;
}

.hex-differ-shade {
    line-height: 70px;
    padding-left: 20px;
    height: 70px;
}

.hex-more-wrap .btn-approve {
    color: #0097ba;
    border: 1px solid #0097ba;
    position: absolute;
    font-size: 15px;
    background-color: #ffffff;
    border-radius: 0;
    padding: 6px 20px;
    font-weight: 700;
}

/*新版专题添加的样式*/

.hex-bottom-none {
    border-bottom: none !important;
}

.hex-gray-special .hex-bottom-none .hex-special-title a {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 35px;
    margin-top: 0;
}

.hex-special .hex-bottom-none .hex-special-title a {
    font-size: 20px !important;
    font-weight: bold;
    margin-top: 0;
    line-height: 47px;
}

.hex-special .hex-bottom-none li p {
    width: 660px;
    font-size: 15px;
    line-height: 1.6;
    max-height: 144px !important;
    height: auto;
}

.hex-detail-word.hex-bottom-none .hex-primary,
.hex-special .hex-bottom-none .hex-primary {
    font-weight: bold;
    font-size: 15px;
}

.hex-gray-special .hex-bottom-none li {
    max-width: 100% !important;
    text-align: center;
}

    .hex-gray-special .hex-bottom-none li p {
        width: 100%;
        line-height: 1.6;
        font-size: 15px;
    }

.hex-textoverflow-two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hex-classify-detail .hex-textoverflow-two {
    font-size: 18px;
    width: 340px;
}

.hex-tn-font-24 {
    font-size: 24px;
}

.tn-cont-xs video,
.tn-cont-xs img {
    width: 100%;
}

.hex-classify a video {
    width: 400px;
    height: 214px;
}

.hex-height-auto {
    height: auto !important;
}

.hex-bottom-none .tn-multi-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.hex-height-auto .hex-u-resetrow &gt; .hex-classify-content {
    margin-bottom: 20px;
}

    .hex-height-auto .hex-u-resetrow &gt; .hex-classify-content .hex-detail-word {
        padding: 17px 10px 20px 10px;
        margin-top: -9px;
    }

        .hex-height-auto .hex-u-resetrow &gt; .hex-classify-content .hex-detail-word .hex-classify-detail,
        .hex-height-auto .hex-u-resetrow &gt; .hex-classify-content .hex-detail-word .hex-classify-title {
            margin-bottom: 10px;
        }

        .hex-height-auto .hex-u-resetrow &gt; .hex-classify-content .hex-detail-word .hex-classify-title {
            margin-top: 0;
        }

.hex-itemwrap .hex-title h2 {
    font-size: 20px;
}

.hex-bottom-none .tn-mt-100 {
    margin-top: 0 !important;
}

.hex-bottom-none .hex-classify-title a span {
    font-size: 16px;
}

.hex-bottom-none .hex-classify-detail .tn-two-overflow {
    font-size: 15px;
    line-height: 1.6;
    height: 48px;
    margin: 0;
}

.hex-product-detail .col-xs-9 h1 {
    font-size: 22px;
    font-weight: bold;
}

.hex-graphic {
    padding-top: 20px !important;
    height: 340px;
}

    .hex-graphic ul {
        padding-left: 0 !important;
    }

.hex-gray-bg {
    background-color: #f6f6f6;
}

.hex-white-bg {
    background-color: #ffffff;
}

.hex-larger-project {
    margin: 0 auto;
    width: 1240px;
}
.hex-larger-project img{
  max-width: 100%;
}
    .hex-larger-project.tn-pt-20 {
        padding-top: 20px;
    }

.hex-auto-banner video {
    width: 100% !important;
    height: auto !important;
    margin-left: 0px !important;
    margin-top: -12px !important;
}

.hex-auto-banner {
    width: 830px;
    height: 442px;
}

.hex-panel-group {
    width: 100%;
    margin-bottom: 15px;
}

    .hex-panel-group .panel .panel-heading .panel-title {
        height: 60px;
        line-height: 60px;
    }

    .hex-panel-group .panel .panel-heading h4 a {
        font-weight: normal;
        font-size: 18px;
        padding: 0 18px;
    }

    .hex-panel-group.panel-group .panel + .panel {
        margin-top: 20px;
    }

    .hex-panel-group .panel-heading a.collapsed {
        color: #fff;
        background-color: #1b98aa;
    }

    .hex-panel-group .panel-collapse {
        background-color: #f6f6f6;
    }

        .hex-panel-group .panel-collapse &gt; .panel-body {
            padding: 20px;
        }

        .hex-panel-group .panel-collapse .panel-body ul {
            padding: 0;
        }

            .hex-panel-group .panel-collapse .panel-body ul li {
                margin-bottom: 28px;
            }

                .hex-panel-group .panel-collapse .panel-body ul li a:first-child {
                    max-width: 212px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    display: inline-block;
                    font-size: 14px;
                }

                .hex-panel-group .panel-collapse .panel-body ul li a.upload {
                    color: #1b98aa;
                    float: right;
                    font-size: 14px;
                }

    .hex-panel-group .panel .panel-heading h4 a img {
        width: 25px;
        margin-top: -3px;
    }

    .hex-panel-group .panel-collapse .panel-body &gt; form .form-control,
    .hex-panel-group .panel-collapse .panel-body &gt; form &gt; button {
        width: 100%;
        min-height: 34px;
    }

        .hex-panel-group .panel-collapse .panel-body &gt; form .form-control:focus {
            border-color: #1b98aa;
            outline: 0;
            box-shadow: none;
        }

    .hex-panel-group .panel-collapse .panel-body &gt; form .form-group {
        margin-bottom: 5px;
        margin-left: 0;
        margin-right: 0;
    }

    .hex-panel-group .panel-collapse .panel-body &gt; form label {
        font-size: 14px;
        color: #999999;
    }

@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
    video {
        background-color: #000000;
    }
}

/* 解决方案列表页 */

/* ----回到顶部 */

.hex-solution-fixed &gt; ul &gt; li {
    width: 50px;
    height: 50px;
    background-color: #0097ba;
    line-height: 50px;
    padding-top: 0;
}

    .hex-solution-fixed &gt; ul &gt; li:hover {
        background-color: #0097ba;
    }

    .hex-solution-fixed &gt; ul &gt; li &gt; a {
        color: #fff;
    }

.hex-text-center {
    text-align: center;
}

.hex-solution p {
    font-family: Microsoft YaHei !important;
    color: #333333 !important;
}

.hex-solution .tn-cont {
    padding-top: 20px;
    padding-bottom: 20px;
}

.hex-solution .hex-banner-title {
    margin: 0 0 10px 0;
    font-family: Microsoft YaHei;
}

.hex-primaryBtn {
    font-size: 13px !important;
    padding: 5px 18px !important;
    border: 1px solid #333333;
    color: #333333;
    background: transparent;
    border-radius: 0;
    font-family: Microsoft YaHei !important;
}

    .hex-primaryBtn:hover,
    .hex-primaryBtn:focus {
        color: #0997bb;
    }

.hex-solution .hex-left-image .container &gt; ul.pull-left {
    width: 61%;
    padding-right: 136px;
    font-family: Microsoft YaHei !important;
}

.hex-solution .hex-right-image .container &gt; ul.pull-right {
    width: 61%;
    padding-left: 136px;
    font-family: Microsoft YaHei !important;
}

.hex-solution .hex-left-image ul li.tn-mt-20,
.hex-solution .hex-right-image ul li.tn-mt-20 {
    margin-top: 6px;
}

.hex-solution .hex-left-image p,
.hex-solution .hex-right-image p {
    font-size: 15px;
    line-height: 1.6;
    /* text-indent: 2rem; */
}

.hex-solution .hex-left-image {
    padding: 20px 0;
}

.hex-solution .hex-right-image {
    padding: 20px 0;
}

.hex-solution .hex-special-title a h1 {
    font-size: 20px !important;
    font-weight: bold;
    margin-top: 0;
    line-height: 47px;
}

p.tn-multi-overflow {
    line-height: 19px;
}

p.hex-common-text {
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #333333;
    line-height: 21px;
}

.hex-solution .hex-center-image {
    padding: 20px 0;
}

.hex-solution .hex-brief-image {
    padding: 20px 0;
}

.hex-solution .hex-center-title &gt; a {
    border-bottom: 1px solid #0097ba;
    display: inline-block;
    margin-bottom: 16px;
}

.hex-solution .hex-brief-image .hex-brief {
    display: table;
    height: 270px;
    width: 530px;
    margin-left: 150px;
}

    .hex-solution .hex-brief-image .hex-brief &gt; p {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        font-size: 15px;
        line-height: 1.6;
        text-indent: 2rem;
    }

.hex-solution .hex-common-title {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 35px;
    margin-top: 0;
}

.hex-solution .hex-common-subtitle {
    font-size: 15px;
    font-family: Microsoft YaHei !important;
    color: #666666;
    line-height: 1.6;
}

.hex-solution .hex-Tab .hex-tab-item a {
    width: 402px;
    display: inline-block;
    border: 1px solid transparent;
}

    .hex-solution .hex-Tab .hex-tab-item a &gt; .hex-tabimg-title {
        font-size: 20px;
        color: rgba(51, 51, 51, 1);
        line-height: 40px;
        margin: 5px 0;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

.hex-solution .hex-Tab .hex-tab-item.active a &gt; .hex-tabimg-title {
    font-weight: bold;
    color: #0097ba;
}

.hex-solution .hex-Tab .hex-tab-item.active a {
    border: 1px solid #b7d1d7;
    border-bottom: 2px solid #f6f6f6;
}

.hex-solution img {
    display: block;
}

.hex-solution .hex-Tab .hex-tabPanel {
    width: 1234px;
    margin-top: -1px;
    border: 1px solid #b7d1d7;
}

    .hex-solution .hex-Tab .hex-tabPanel &gt; .hex-tabnav {
        width: 300px;
        background-color: #fafafa;
        height: 100%;
        padding-top: 2px;
        padding-left: 0;
        float: left;
        padding-bottom: 42px;
    }

        .hex-solution .hex-Tab .hex-tabPanel &gt; .hex-tabnav &gt; ul &gt; li &gt; a {
            border: 1px solid #cccccc;
            text-align: center;
            display: block;
            padding: 15px 20px;
            font-size: 16px;
            color: #333333;
            margin-top: -1px;
            border-left: none;
            position: relative;
        }

            .hex-solution .hex-Tab .hex-tabPanel &gt; .hex-tabnav &gt; ul &gt; li &gt; a.active {
                background-color: #0097ba;
                font-weight: bold;
                color: #ffffff;
            }

                .hex-solution .hex-Tab .hex-tabPanel &gt; .hex-tabnav &gt; ul &gt; li &gt; a.active:before,
                .hex-solution .hex-Tab .hex-tabPanel &gt; .hex-tabnav &gt; ul &gt; li &gt; a.active:after {
                    content: '';
                    border-width: 13px;
                    position: absolute;
                    right: -26px;
                    top: 12px;
                    border-style: dashed solid solid dashed;
                    border-color: transparent transparent transparent #0097ba;
                    font-size: 0;
                    line-height: 0;
                    margin-top: 1px !important;
                }

    .hex-solution .hex-Tab .hex-tabPanel &gt; .tab-content {
        width: 75%;
    }

        .hex-solution .hex-Tab .hex-tabPanel &gt; .tab-content &gt; .tab-pane &gt; .pane-top {
            padding: 30px 46px;
        }

            .hex-solution .hex-Tab .hex-tabPanel &gt; .tab-content &gt; .tab-pane &gt; .pane-top p.hex-common-text {
                font-size: 15px;
            }

        .hex-solution .hex-Tab .hex-tabPanel &gt; .tab-content &gt; .tab-pane &gt; .pane-list &gt; ul {
            padding-left: 40px;
            margin-bottom: 0;
        }

            .hex-solution .hex-Tab .hex-tabPanel &gt; .tab-content &gt; .tab-pane &gt; .pane-list &gt; ul &gt; li {
                padding-left: 10px;
                padding-right: 10px;
                min-height: 204px;
                vertical-align: middle;
            }

                .hex-solution .hex-Tab .hex-tabPanel &gt; .tab-content &gt; .tab-pane &gt; .pane-list &gt; ul &gt; li &gt; a &gt; p {
                    font-size: 14px;
                    color: rgba(51, 51, 51, 1);
                    line-height: 21px;
                    text-align: center;
                    margin-top: 10px;
                    white-space: pre-wrap;
                    word-break: break-all;
                    width: 260px;
                }

.hex-VDetail-left &gt; .hex-about-Video .hex-video {
    margin: 20px 0 0 0;
}

    .hex-VDetail-left &gt; .hex-about-Video .hex-video &gt; .jp-video-360p {
        width: 845px !important;
    }

.hex-VDetail-left .hex-about-Video .hex-video-list {
    width: 845px;
    overflow-x: auto;
    white-space: nowrap;
}

    .hex-VDetail-left .hex-about-Video .hex-video-list &gt; ul {
        width: 100%;
        margin-bottom: 0;
    }

        .hex-VDetail-left .hex-about-Video .hex-video-list &gt; ul &gt; li {
            vertical-align: top;
        }

            .hex-VDetail-left .hex-about-Video .hex-video-list &gt; ul &gt; li &gt; .jh-thumbnail {
                width: 172px;
                word-break: break-all;
                display: block;
                white-space: initial;
            }

                .hex-VDetail-left .hex-about-Video .hex-video-list &gt; ul &gt; li &gt; .jh-thumbnail &gt; p {
                    margin-bottom: 10px;
                }

                    .hex-VDetail-left .hex-about-Video .hex-video-list &gt; ul &gt; li &gt; .jh-thumbnail &gt; p &gt; a {
                        white-space: pre-line;
                    }

.hex-video-info &gt; ul.video-data {
    line-height: 32px;
    height: 32px;
}

    .hex-article-info &gt; .pull-right &gt; div &gt; .btn,
    .hex-video-info &gt; ul.video-data &gt; .text-muted + .pull-right &gt; div &gt; .btn {
        background-color: #005698;
        color: #ffffff;
        padding: 2px 8px;
    }

.video-tag &gt; li {
    line-height: 28px;
    height: 28px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 0 10px;
    color: #333333;
}

    .video-tag &gt; li &gt; a {
        color: #333333;
    }

.no-border {
    border: none !important;
}

/* 视频加密 */

.video-encryption {
    height: 550px;
    padding: 40px 140px;
}

    .video-encryption &gt; div {
        /*border: 1px solid #dddddd;*/
        padding: 143px 30px;
        border-radius: 4px;
    }

    .video-encryption p {
        margin-bottom: 0;
        line-height: 34px;
        font-size: 26px;
    }

    .video-encryption input {
        display: inline-block;
    }

    .video-encryption input,
    .video-encryption button {
        width: 70%;
    }

.hex-detailTab {
    margin-top: 10px;
}

    .hex-detailTab &gt; .hex-detailTab-title {
        background-color: #f2f2f2;
        margin-left: 0;
    }

    .hex-detailTab .hex-detailTab-title &gt; li {
        padding: 12px 20px;
    }

        .hex-detailTab .hex-detailTab-title &gt; li &gt; a {
            font-size: 16px;
        }

        .hex-detailTab .hex-detailTab-title &gt; li.active {
            border-bottom: 2px solid #0097ba;
        }

            .hex-detailTab .hex-detailTab-title &gt; li.active &gt; a {
                color: #0097ba;
            }

/* 相关视频 */

.f9-bg {
    background-color: #f9f9f9;
}

/* 侧边list */

.hex-side-list {
    padding-left: 0;
}

    .hex-side-list.video-list_3 &gt; li {
        width: 100%;
        padding-right: 0;
    }

        .hex-side-list.video-list_3 &gt; li &gt; .jh-thumbnail:last-child {
            width: 100%;
        }

/* 三个一排list */

.video-list_3 &gt; li {
    width: 32.9%;
    padding-left: 0;
    padding-right: 10px;
    vertical-align: middle;
}

    .video-list_3 &gt; li &gt; .jh-thumbnail,
    .video-list_3 &gt; li &gt; .jh-thumbnail:last-child {
        border-bottom: 2px solid #333333;
        padding-bottom: 5px !important;
        width: 270px;
    }

    .video-list_3 &gt; li &gt; div.f9-bg {
        padding-bottom: 5px !important;
    }

.tn-font-normal {
    font-weight: normal !important;
}

.video-list_3 &gt; li &gt; div.f9-bg &gt; p,
.video-list_3 &gt; li &gt; div.f9-bg &gt; .video-tag {
    padding: 8px 10px 0 8px;
    margin-top: 0;
}

    .video-list_3 &gt; li &gt; div.f9-bg &gt; .video-tag &gt; li &gt; a,
    .video-list_3 &gt; li &gt; div.f9-bg &gt; .video-tag &gt; li {
        color: #0097ba;
    }

.video-list_3 &gt; li &gt; div &gt; p {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 22px;
    height: 44px;
    margin: 5px 0;
}

    .video-list_3 &gt; li &gt; div &gt; p.hex-common-text {
        line-height: 18px;
        font-weight: normal;
    }

.video-list_3 &gt; li .video-tag &gt; li {
    border: none;
    padding: 0 5px;
    line-height: 18px;
    height: 18px;
}

/* 视频中心首页 */

.tn-pr-30 {
    padding-right: 30px !important;
}

.hex-width-360 {
    width: 360px !important;
}

.hex-width-880 {
    width: 880px !important;
}

    .hex-width-880 .video-list_3 {
        padding-right: 12px;
        margin-left: 0;
    }

        .hex-width-880 .video-list_3 &gt; li {
            padding: 0 20px 0 0;
        }

.seachInput &gt; input {
    width: 100%;
    height: 50px;
    border: 1px solid rgba(0, 151, 186, 1);
    background-color: #ffffff;
    padding: 0 20px;
}

    .seachInput &gt; input::-webkit-input-placeholder {
        color: #aaaaaa;
    }

    .seachInput &gt; input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #aaaaaa;
    }

    .seachInput &gt; input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #aaaaaa;
    }

    .seachInput &gt; input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #aaaaaa;
    }

.seachInput &gt; i {
    position: absolute;
    top: 26%;
    color: #0997bb;
    right: 20px;
    font-size: 22px;
}

.hex-Newselect {
    padding-top: 17px;
    margin-bottom: 20px;
}

    .hex-Newselect .panel-default .panel-heading a.collapsed {
        background: url(../images/lanse.png) repeat;
        color: #fff;
    }

    .hex-Newselect .panel-default {
        margin-top: 5px;
    }

        .hex-Newselect .panel-default .panel-heading a {
            background-color: #0d6e87 !important;
            background: none;
        }

        .hex-Newselect .panel-default .panel-collapse {
            background-color: #f6f6f6;
        }

            .hex-Newselect .panel-default .panel-collapse .panel-body &gt; ul {
                padding-left: 0;
            }

                .hex-Newselect .panel-default .panel-collapse .panel-body &gt; ul &gt; li {
                    padding: 14px 20px;
                }

        /* 折叠 */

        .hex-Newselect .panel-default .panel-heading a.collapsed:after {
            content: '\f0dd';
            top: 45%;
        }

        /* 展开 */

        .hex-Newselect .panel-default .panel-heading a:after {
            content: '\f0de';
            top: 56%;
        }

.hex-online-seminar {
    background-color: #333333;
}

    /*仅视频*/

    .hex-online-seminar .only-video .jp-video.left-video {
        margin: 0;
        float: left;
    }

    .hex-online-seminar .only-video .right-text {
        float: left;
        width: 395px;
        padding: 40px 20px;
    }

        .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .hex-video-info .video-tag &gt; li &gt; a,
        .hex-online-seminar .only-video .right-text &gt; .hex-video-info .video-tag &gt; li &gt; a,
        .hex-online-seminar .only-video .right-text &gt; .hex-video-info {
            color: #ffffff;
        }

            .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .hex-video-info .video-tag &gt; li,
            .hex-online-seminar .only-video .right-text &gt; .hex-video-info .video-tag &gt; li {
                border-color: #ffffff;
                color: #ffffff;
                margin-bottom: 10px;
                margin-right: 5px;
            }

            .hex-online-seminar .video_ppt .video_ppt-detail &gt; .left-video &gt; .hex-video-info .video-tag,
            .hex-online-seminar .only-video .right-text &gt; .hex-video-info .video-tag {
                width: 91%;
                float: left;
                margin-left: 10px;
            }

            .hex-online-seminar .only-video .right-text &gt; .hex-video-info &gt; h1 {
                line-height: 38px;
                font-size: 20px;
            }

                .hex-online-seminar .only-video .right-text &gt; .hex-video-info &gt; h1 + p {
                    color: #ffffff !important;
                    margin-top: 20px;
                    border-bottom: 1px solid #ffffff;
                    padding-bottom: 20px;
                    word-break: break-all;
                    font-size: 14px;
                    line-height: 1.6;
                }

    /*视频和幻灯片*/

    .hex-online-seminar .video_ppt {
        color: #ffffff;
        padding-top: 10px;
    }

        .hex-online-seminar .video_ppt &gt; h4 {
            font-size: 20px;
            margin-bottom: 15px;
        }

        .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left {
            width: 400px;
            float: left;
            margin-right: 20px;
        }

            .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .jp-video {
                width: 400px !important;
            }

                .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .jp-video,
                .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .jp-video .jp-jplayer,
                .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .jp-video .jp-jplayer &gt; img {
                    width: 400px;
                    margin: 0;
                }

                    .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .jp-video .jp-jplayer,
                    .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .jp-video .jp-jplayer &gt; img {
                        height: 225px;
                    }

            .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .jp-video-360p .jp-video-play {
                margin-top: -225px !important;
                height: 225px !important;
            }

            .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .hex-video-info {
                padding: 10px 15px;
            }

                .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .hex-video-info &gt; p {
                    line-height: 1.6;
                    font-size: 14px;
                    word-break: break-all;
                    margin-bottom: 5px;
                }

                    .hex-online-seminar .video_ppt .video_ppt-detail &gt; .video-left &gt; .hex-video-info &gt; p + div {
                        border-bottom: 1px solid #ffffff;
                    }

        .hex-online-seminar .video_ppt .video_ppt-detail &gt; .ppt-right {
            float: left;
            width: 820px;
        }

            .hex-online-seminar .video_ppt .video_ppt-detail &gt; .ppt-right &gt; .slider-pro &gt; .sp-slides &gt; .sp-slide {
                position: relative;
            }

            .hex-online-seminar .video_ppt .video_ppt-detail &gt; .ppt-right .hex-banner-heading {
                position: absolute;
                top: 70px;
                left: 100px;
                z-index: 999;
                width: 554px;
            }

                .hex-online-seminar .video_ppt .video_ppt-detail &gt; .ppt-right .hex-banner-heading .hex-banner-title a {
                    color: #ffffff;
                    font-size: 32px;
                    font-weight: 600;
                }

                .hex-online-seminar .video_ppt .video_ppt-detail &gt; .ppt-right .hex-banner-heading .hex-banner-detail {
                    display: block;
                }

            .hex-online-seminar .video_ppt .video_ppt-detail &gt; .ppt-right &gt; .hex-banner-right .hex-banner-detail {
                font-size: 14px !important;
                font-weight: normal !important;
                height: auto;
                margin-bottom: 10px;
                padding: 8px 8px 0 8px;
                min-height: 50px;
                line-height: 1.6;
            }

/* 主讲人 */

.presenter &gt; div &gt; img {
    width: 150px !important;
    height: 180px;
}

.presenter &gt; p {
    line-height: 1.35;
    word-break: break-all;
}

/*回复列表*/

.hex-replies {
    padding-right: 40px;
}

    .hex-replies .fa-smile-o {
        font-size: 24px;
        color: #666666;
        cursor: pointer;
    }

    .hex-replies .tn-chat-list .media-body {
        border-bottom: 1px solid #e5e5e5;
    }

        .hex-replies .tn-chat-list .media-body p {
            font-size: 14px;
        }

        .hex-replies .tn-chat-list .media-body .tn-floor-box {
            padding: 15px 20px 20px 20px !important;
            background-color: #f9f9f9 !important;
            border: none !important;
            margin-top: 10px !important;
            margin-bottom: 10px;
        }

    .hex-replies .tn-chat-list .media:nth-last-of-type(-n+2) .media-body {
        border-bottom: none;
    }

.auto-refresh,
.auto-refresh p {
    line-height: 39px !important;
}

    .auto-refresh p &gt; span {
        color: #993333;
    }

    .auto-refresh button.refresh {
        background-color: transparent;
        border: none;
        margin-left: 20px;
        line-height: 38px;
    }

.hex-user-info  form &gt; .form-group input[type='checkbox'] {
    -webkit-appearance: none;
    /*//去除系统默认appearance的样式,常用于IOS下移除原生样式*/
    vertical-align: middle;
    margin-top: -2px;
    background: #fff;
    border: #939393 solid 1px;
    border-radius: 2px;
    height: 20px;
    width: 20px;
    position: relative;
    box-shadow: 1px 1px 5px 2px #e0e0e0 inset;
}

    .hex-user-info  form &gt; .form-group input[type='checkbox']:focus {
        outline: none;
    }

.checkbox-inline {
    font-size: 15px;
}

.hex-user-info  form &gt; .form-group input[type='checkbox']:checked::after {
    content: '';
    top: 3px;
    left: 2px;
    position: absolute;
    background: transparent;
    border: #333333 solid 3px;
    border-top: none;
    border-right: none;
    height: 8px;
    width: 14px;
    border-radius: 2px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*研讨会报名页*/

.hex-user-info .checkbox-inline,
.hex-user-info .radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-right: 6px;
    margin-left: 0px;
}

.hex-user-info &gt; h3 {
    font-size: 20px;
}

.hex-user-info &gt; form &gt; .form-group &gt; label {
    font-size: 16px;
}

/*.hex-user-info &gt; form &gt; .form-group &gt; .form-control {
  height: 40px;
}*/

.hex-user-info &gt; form &gt; .form-group &gt; div &gt; .form-control.tn-width-200 {
    width: 190px;
}

/*分享按钮*/

.hex-share-style &gt; li {
    width: 40px;
    height: 40px;
    background-color: #666666;
    text-align: center;
    cursor: pointer;
}

    .hex-share-style &gt; li &gt; a {
        width: 40px;
        height: 40px;
    }

    .hex-share-style &gt; li i {
        color: #fff;
        font-size: 28px;
        margin-top: -19px;
        vertical-align: middle;
    }

    .hex-share-style &gt; li &gt; div.btn-group {
        vertical-align: top;
    }

    .hex-share-style &gt; li &gt; a {
        padding: 0 !important;
    }

.hex-banner-1240 .hex-banner-right.tn-position-absolute {
    top: 70px;
    left: 60px;
    width: 540px;
    color: #ffffff;
}

    .hex-banner-1240 .hex-banner-right.tn-position-absolute &gt; h1 &gt; a {
        color: #ffffff;
        font-weight: bold;
        font-size: 32px;
    }

    .hex-banner-1240 .hex-banner-right.tn-position-absolute &gt; .hex-banner-detail {
        height: 215px;
        vertical-align: top;
    }

.hex-banner-bottom {
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 16px;
    position: relative;
    bottom: 0;
}

/*块状按钮  研讨会首页*/

.hex-blocky-tab &gt; ul &gt; li {
    padding: 0;
    display: block;
    float: left;
}

    .hex-blocky-tab &gt; ul &gt; li &gt; a {
        display: inline-block;
        padding: 10px 20px;
        background-color: #666666;
        font-size: 16px;
        color: #ffffff;
        font-weight: 500;
        border-left: 1px solid #f1f1f1;
    }

.hex-width-hundred {
    width: 100% !important;
}

.hex-blocky-tab &gt; ul {
    margin-left: 0;
    border-bottom: 1px solid #b2e0ea;
}

    .hex-blocky-tab &gt; ul &gt; li &gt; a.active {
        background-color: #0097ba;
    }

.hex-meeting-list {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
}

    .hex-meeting-list &gt; li {
        width: 33%;
        padding-left: 10px;
        padding-right: 10px;
    }

        .hex-meeting-list &gt; li &gt; div {
            border-bottom: 2px solid #333333;
            padding-bottom: 20px;
            padding-top: 20px;
        }

            .hex-meeting-list &gt; li &gt; div &gt; a {
                display: inline-block;
            }

        .hex-meeting-list &gt; li .hex-meeting-state {
            right: 0;
            bottom: 20px;
            color: #ffffff;
            border-radius: 25px 0 0 25px;
            padding: 3px 7px 3px 9px;
            font-size: 14px;
        }

.hex-font-24 {
    font-size: 24px;
}

.hex-meeting-state.processing {
    background-color: rgba(0, 128, 0, 0.58);
}

.hex-meeting-state.over {
    background-color: rgba(51, 51, 51, 0.58);
}

.hex-meeting-state.start {
    background-color: rgba(181, 0, 0, 0.58);
}

.hex-meeting-list &gt; li .hex-list-word &gt; h4 {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 15px 0;
}

.hex-meeting-list &gt; li .hex-list-word &gt; .hex-two-overflow {
    font-size: 14px;
    margin: 10px 0;
    height: 39px;
    line-height: 1.6;
}

.hex-meeting-list &gt; li .hex-list-word &gt; .learn-more {
    line-height: 30px;
    margin-top: 15px;
}

.hex-meeting-slidelist {
    padding: 0 15px 15px 15px;
}

/* 详情页里面的资料下载 */

.hex-product-detail .hex-data-list {
    margin-left: 0px;
    margin-right: -10px;
}

    .hex-product-detail .hex-data-list &gt; li {
        width: 49%;
    }

/*资源下载列表*/

.hex-data-list {
    margin-left: -10px;
    margin-right: -10px;
}

    .hex-data-list &gt; li {
        width: 33%;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 20px;
    }

        .hex-data-list &gt; li &gt; div {
            border: 1px solid #dedede;
        }

        .hex-data-list &gt; li .hex-list-word {
            width: 232px;
            height: 200px;
            padding: 0 10px;
            position: relative;
        }

            .hex-data-list &gt; li .hex-list-word p {
                word-break: break-all;
                height: 48px;
            }

            .hex-data-list &gt; li .hex-list-word &gt; .down-load {
                position: absolute;
                bottom: 20px;
                right: 10px;
            }

.hex-pr-30 {
    padding-right: 30px !important;
}

.myResource .col-xs-3 ul.hex-data-list {
    padding: 0 15px;
}

    .myResource .col-xs-3 ul.hex-data-list &gt; li &gt; div {
        border: none;
    }

        .myResource .col-xs-3 ul.hex-data-list &gt; li &gt; div &gt; a &gt; img {
            width: 113px;
            height: 150px;
        }

        .myResource .col-xs-3 ul.hex-data-list &gt; li &gt; div &gt; .hex-list-word {
            height: 150px;
            width: 212px;
        }

            .myResource .col-xs-3 ul.hex-data-list &gt; li &gt; div &gt; .hex-list-word &gt; div &gt; p {
                color: #999999;
                margin: 0;
            }

    .myResource .col-xs-3 ul.hex-data-list &gt; li .hex-list-word &gt; .down-load {
        position: absolute;
        bottom: 0;
        left: 10px;
    }

/*博客首页 带封面得图片列表*/

.hex-maskImg-list &gt; ul {
    margin-left: 0;
    margin-right: 0;
}

    .hex-maskImg-list &gt; ul &gt; li {
        vertical-align: middle;
        padding-left: 0;
        padding-right: 0;
        height: 260px;
        position: relative;
        margin-right: 10px;
    }

        .hex-maskImg-list &gt; ul &gt; li &gt; a {
            position: relative;
        }

        .hex-maskImg-list &gt; ul &gt; li &gt; .transparent-cover {
            background: #000000;
            background-color: rgba(0, 0, 0, 0.43);
            filter: alpha(opacity=43);
            position: relative;
            left: 0px;
            top: -260px;
            width: 410px;
            z-index: 12;
            height: 260px;
        }

        .hex-maskImg-list &gt; ul &gt; li &gt; .word {
            bottom: 0px;
            position: absolute;
            width: 410px;
            height: 80px;
            z-index: 15;
            padding: 0 10px;
        }

        .hex-maskImg-list &gt; ul &gt; li .word &gt; a {
            font-size: 20px;
            font-weight: 500;
            line-height: 26px;
            width: 100%;
            display: inline-block;
            height: 52px;
        }

        .hex-maskImg-list &gt; ul &gt; li .word &gt; .userInfo {
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
            padding: 0 10px;
        }

        .hex-maskImg-list &gt; ul &gt; li .word p &gt; .userImg {
            border-radius: 50%;
            margin-right: 10px;
        }

        .hex-maskImg-list &gt; ul &gt; li .word p {
            font-size: 14px;
            color: #ffffff;
            line-height: 30px;
        }

/*公用得标题样式*/

.hex-common-heading {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}

    .hex-common-heading &gt; .title {
        font-weight: bold;
        color: #333333;
        margin: 0 24px;
    }

    .hex-common-heading &gt; .line {
        color: #999999;
    }

/*资讯列表*/

.hex-industryNews-list &gt; ul &gt; li &gt; a &gt; h4,
.hex-industryNews-list &gt; ul &gt; li &gt; a &gt; p {
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hex-industryNews-list &gt; ul &gt; li &gt; a &gt; h4 {
    color: #0091b5;
    font-size: 16px;
    margin: 6px 0 8px 0;
}

.hex-industryNews-list &gt; ul &gt; li &gt; a &gt; p {
    font-size: 12px;
    color: #005698;
    margin-bottom: 6px;
    line-height: 1.6;
}

.hex-starSpeaker-list &gt; ul,
.hex-industryNews-list &gt; ul {
    border-top: 1px solid #dddddd;
    margin-top: 10px;
    padding-top: 13px;
}

    .hex-industryNews-list &gt; ul &gt; li {
        padding: 2px 0;
    }

        .hex-industryNews-list &gt; ul &gt; li &gt; .bigBox {
            width: 10px;
            height: 10px;
            background-color: #0097ba;
            display: inline-block;
            position: relative;
            top: -5px;
        }

            .hex-industryNews-list &gt; ul &gt; li &gt; .bigBox &gt; .smallBox {
                width: 4px;
                height: 4px;
                background-color: #c1d96d;
                display: inline-block;
                position: absolute;
                top: 3px;
                left: 3px;
            }

        .hex-industryNews-list &gt; ul &gt; li &gt; .news {
            font-size: 15px;
            display: inline-block;
            color: #333333;
            line-height: 22px;
            max-width: 342px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-left: 3px;
        }

/*博客tab*/

.hex-blog-tab &gt; .tab-content {
    width: 850px;
}

.hex-blog-tab &gt; ul.nav-tabs {
    background-color: #ffffff;
    border-bottom: none;
}

    .hex-blog-tab &gt; ul.nav-tabs &gt; li &gt; a {
        border-bottom-color: transparent;
        font-size: 16px;
        padding: 16px 36px;
    }

.hex-blog-tab .nav-tabs &gt; li &gt; a,
.hex-blog-tab .nav-tabs &gt; li.active &gt; a,
.hex-blog-tab .nav-tabs &gt; li.active &gt; a:hover,
.hex-blog-tab .nav-tabs &gt; li.active &gt; a:focus {
    border: none;
    border-radius: 0;
}

.hex-blog-tab &gt; ul.nav-tabs &gt; li {
    border-bottom: 2px solid transparent;
}

    .hex-blog-tab &gt; ul.nav-tabs &gt; li.navactive {
        border-bottom: 2px solid #0097ba;
    }

.hex-blog-list &gt; ul &gt; li {
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #cccccc;
}

    .hex-blog-list &gt; ul &gt; li:last-child {
        border-bottom: none;
    }

    .hex-blog-list &gt; ul &gt; li &gt; .right-panelBody {
        width: 69%;
        padding: 0 5px 0 20px;
        position: relative;
        height: 146px;
    }

        .hex-blog-list &gt; ul &gt; li &gt; .right-panelBody h4 {
            font-size: 18px;
            font-weight: bold;
            color: #333333;
            line-height: 24px;
            margin-top: 12px;
        }

        .hex-blog-list &gt; ul &gt; li &gt; .right-panelBody &gt; p {
            color: #666666;
            font-size: 15px;
            line-height: 1.6;
        }

        .hex-blog-list &gt; ul &gt; li &gt; .right-panelBody ul.userInfo {
            margin-top: 20px
        }

            .hex-blog-list &gt; ul &gt; li &gt; .right-panelBody ul.userInfo &gt; li {
                vertical-align: middle;
                height: 30px;
                line-height: 30px;
            }

                .hex-blog-list &gt; ul &gt; li &gt; .right-panelBody ul.userInfo &gt; li &gt; .userImg {
                    border-radius: 50%;
                }

/*底部小透明图片*/

.hex-recommend-topic &gt; ul &gt; li {
    position: relative;
    height: 210px;
    margin-top: 13px;
}

    .hex-recommend-topic &gt; ul &gt; li &gt; .transparent-cover {
        background: #000000;
        background-color: rgba(0, 0, 0, 0.2);
        filter: alpha(opacity=35);
        position: relative;
        left: 0px;
        bottom: 40px;
        width: 100%;
        z-index: 12;
        height: 40px;
        padding: 8px 10px;
    }

    .hex-recommend-topic &gt; ul &gt; li &gt; .word {
        position: absolute;
        left: 10px;
        bottom: 10px;
        color: #ffffff;
        z-index: 77;
        max-width: 96%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/*专题列表*/

.hex-specialTopic-list {
    margin-left: -10px;
    margin-right: -10px;
}

    .hex-specialTopic-list &gt; li {
        padding-left: 10px;
        padding-right: 10px;
        width: 33%;
    }

        .hex-specialTopic-list &gt; li &gt; div {
            border-bottom: 2px solid #b1e0e8;
        }

            .hex-specialTopic-list &gt; li &gt; div &gt; h3 &gt; a {
                padding: 15px 0;
                display: inline-block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                max-width: 386px;
            }

.hex-specTopic-name {
    background-color: #f2f2f2;
    height: 202px;
}

    .hex-specTopic-name &gt; .panelBody {
        width: 57%;
        padding: 20px;
    }

        .hex-specTopic-name &gt; .panelBody &gt; h4 {
            font-weight: bold;
            font-size: 20px;
            margin-top: 0;
        }

        .hex-specTopic-name &gt; .panelBody &gt; p {
            line-height: 1.4;
        }

/*侧边定位*/

.hex-leftSlide-fixed.jh-article-detail {
    position: fixed;
    margin-left: 20px;
    right: 50%;
    margin-right: 630px;
    top: 280px;
}

.hex-leftSlide-fixed &gt; .jh-share-style li {
    width: 60px;
    height: 60px;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
}

.jh-share-style .weixin i,
.jh-share-style .qq i,
.jh-share-style .weibo i {
    font-size: 35px;
}

/*资源中心页 公共 title*/

.hex-module-title {
    width: 100%;
    height: 50px;
    background-color: #f6f6f6;
    padding: 0 20px;
    line-height: 50px;
}

    .hex-module-title &gt; div {
        font-size: 20px;
        font-weight: bold;
        color: #0097ba;
    }

    .hex-module-title &gt; a {
        font-size: 14px;
        color: #0097ba;
    }

/*明星主讲人*/

.hex-starSpeaker-list &gt; ul &gt; li {
    padding: 15px 20px 15px 80px;
}

    .hex-starSpeaker-list &gt; ul &gt; li &gt; a &gt; img {
        border-radius: 50%;
        margin-right: 20px;
    }

/*/在线研讨会*/

.hex-seminar-name &gt; .panelBody {
    width: 44%;
    padding: 0 10px 10px 20px;
}

    .hex-seminar-name &gt; .panelBody &gt; ul &gt; li.time,
    .hex-seminar-name &gt; .panelBody &gt; ul &gt; li span.time {
        font-size: 14px;
        font-weight: 400;
        color: #999999;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .hex-seminar-name &gt; .panelBody &gt; ul &gt; li.time {
        margin-bottom: 15px;
    }

    .hex-seminar-name &gt; .panelBody &gt; ul &gt; li .theme {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 400;
        color: #666666;
        line-height: 26px;
    }

.hex-seminar-list &gt; .hex-meeting-list &gt; li {
    width: 24%;
}

    .hex-seminar-list &gt; .hex-meeting-list &gt; li .hex-list-word {
        width: 205px;
    }

        .hex-seminar-list &gt; .hex-meeting-list &gt; li .hex-list-word h4 {
            font-size: 16px;
            margin: 10px 0;
        }

    .hex-seminar-list &gt; .hex-meeting-list &gt; li &gt; div {
        border-bottom: none;
    }

/*资源中心  视频*/

.hex-module-video {
    margin-top: 10px;
    padding: 0;
}

    .hex-module-video &gt; .hex-videoLeft {
        width: 46%;
        padding-bottom: 15px;
    }

        .hex-module-video &gt; .hex-videoLeft &gt; .jh-thumbnail.f9-bg &gt; p {
            font-size: 18px;
            font-weight: bold;
            color: rgba(51, 51, 51, 1);
            line-height: 26px;
            text-align: center;
            margin: 15px 0 13px 0;
        }

        .hex-module-video &gt; .hex-videoLeft &gt; .jh-thumbnail.f9-bg &gt; .video-tag {
            padding: 0 10px;
        }

.hex-module-data &gt; .hex-data-list li {
    vertical-align: top;
}

.hex-module-data &gt; .hex-data-list .video-tag &gt; li,
.hex-module-data &gt; .hex-data-list .video-tag &gt; li a,
.hex-module-video &gt; .hex-videoLeft &gt; .jh-thumbnail.f9-bg &gt; .video-tag &gt; li &gt; a,
.hex-module-video &gt; .hex-videoLeft &gt; .jh-thumbnail.f9-bg &gt; .video-tag &gt; li {
    color: #0097ba;
}

.hex-module-data &gt; .hex-data-list .video-tag {
    margin-bottom: 10px;
    margin-top: -10px;
}

    .hex-module-data &gt; .hex-data-list .video-tag + div &gt; .hex-primaryBtn {
        color: #0097ba;
        border-color: #0097AB;
    }

.hex-module-video .hex-videoRight-list &gt; ul &gt; li .jh-thumbnail.f9-bg &gt; .video-tag {
    padding-top: 0px;
}

.hex-module-data &gt; .hex-data-list .video-tag &gt; li,
.hex-module-video &gt; .hex-videoLeft &gt; .jh-thumbnail.f9-bg &gt; .video-tag &gt; li {
    border: none;
    padding: 0 5px;
}

.hex-module-video .hex-videoRight-list {
    width: 54%;
}

.hex-module-video &gt; .hex-videoRight-list &gt; .video-list_3 {
    width: 100%;
    margin-left: -10px;
    margin-right: -10px;
}

    .hex-module-video &gt; .hex-videoRight-list &gt; .video-list_3 &gt; li {
        padding-left: 30px;
    }

.hex-module-video .jh-thumbnail {
    margin-top: 0;
}

.hex-module-video &gt; .hex-videoRight-list &gt; .video-list_3 &gt; li &gt; .jh-thumbnail.f9-bg:last-child {
    padding-bottom: 5px !important;
}

.hex-module-video &gt; .hex-videoRight-list &gt; .video-list_3 &gt; li &gt; .jh-thumbnail.f9-bg {
    width: 205px;
    margin-bottom: 10px;
}

    .hex-module-video &gt; .hex-videoRight-list &gt; .video-list_3 &gt; li &gt; .jh-thumbnail.f9-bg &gt; p {
        max-height: 51px;
        height: 51px;
    }

.hex-module-data &gt; .hex-data-list &gt; li h3 a {
    color: #0097ba
}

.hex-module-data &gt; .hex-data-list &gt; li &gt; .hex-classify-content {
    border: none;
}

.hex-module-data &gt; .hex-data-list &gt; li .hex-list-word {
    height: auto;
    min-height: 120px;
}

.hex-module-data &gt; .hex-data-list &gt; li .hex-list-word {
    width: 100%;
}

button[disabled] {
    background: #999999 !important;
    color: #cbced2;
    cursor: not-allowed;
}

.layui-layer-btn .layui-layer-btn0 {
    background-color: #2d95b2 !important;
    border-color: #2d95b2 !important;
}

.layui-layer-btn1:hover,
.layui-layer-btn1:active,
.layui-layer-btn1:focus,
.layui-layer-btn1:active:hover {
    background-color: #2d95b2 !important;
    color: #fff !important;
    border-color: #2d95b2 !important;
}

/* 海克斯康官网解决方案案例 */

.hex-case-left.col-xs-9 {
    width: 922px;
    padding-right: 122px;
}

.hex-case-btn {
    width: 800px;
    height: 60px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    z-index: 88;
    padding: 11px 30px;
}

.hex-case-btn button {
    background-color: #1A97BA;
    padding: 8px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
}

        .hex-case-btn button .fa {
            font-size: 19px;
            margin-right: 10px;
            position: relative;
            top: 2px;
        }

.hex-case-banner.slider-pro {
    margin: 0 0 30px 0;
    height: 428px;
}

.hex-case-banner .sp-arrow {
    background-color: transparent !important;
}

.hex-case-banner .sp-image {
    width: 800px;
    height: 428px !important;
}

.hex-case-banner.sp-horizontal .sp-slides-container .sp-arrows img.right {
    left: 753px !important;
}

.hex-case-banner.sp-horizontal .sp-slides-container .sp-arrows &gt; .arrow-img &gt; img {
    width: 34px !important;
    height: 34px !important;
    cursor: pointer;
}

    .hex-case-banner.sp-horizontal .sp-slides-container .sp-arrows &gt; .arrow-img &gt; img.left {
        left: 13px;
    }

.hex-case-banner .sp-slides + .sp-thumbnails {
    position: absolute;
    right: 20px;
    bottom: 70px;
}

.hex-case-banner .sp-bottom-thumbnails.sp-has-pointer {
    margin-top: -108px;
    width: 800px !important;
    text-align: right;
    height: 40px;
}

    .hex-case-banner .sp-bottom-thumbnails.sp-has-pointer &gt; .sp-thumbnails {
        right: 45px;
        position: absolute;
    }

.hex-case-banner .sp-bottom-thumbnails .sp-thumbnail-container {
    min-width: 24px !important;
    width: auto !important;
    height: 40px !important;
    overflow: inherit;
    float: left;
    margin-right: 2px;
}

.hex-case-banner .sp-thumbnail {
    min-width: 20px !important;
    width: auto !important;
    height: 20px !important;
    line-height: 20px;
    color: #005698;
    padding: 0 2px;
    text-align: center;
    background-color: #d7d3d2;
    cursor: pointer !important;
    box-sizing: border-box;
    display: inline-block;
}

.hex-case-banner .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail .sp-thumbnail {
    background-color: #1997ba;
    color: #FFFFFF;
}

.hex-case-banner .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.hex-case-banner .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    display: none;
}

/*首页 ----new */

.hex-classify-list .hex-u-resetrow {
    margin: 0 -4px 0 -14px;
}

    .hex-classify-list .hex-u-resetrow .hex-classify-item {
        margin-top: 20px;
    }

.hex-classify-item .classify-img {
    width: 400px;
    height: 214px;
}

.hex-classify-item .index_line {
    height: 10px;
    width: 400px;
}

.hex-classify-item .hex-classify-title {
    margin: 16px 0 10px 0;
    font-size: 20px;
    color: #333333;
    line-height: 25px;
}

.hex-classify-item .hex-link-wrap {
    margin-bottom: 20px;
    height: 46px;
}

    .hex-classify-item .hex-link-wrap .hex-seta-mb {
        font-size: 15px;
        color: #999999;
        line-height: 19px;
    }

.hex-classify-item .hex-primary {
    height: 32px;
    background: #ffffff;
    border: 1px solid #333333;
    font-size: 13px;
    color: #333333;
    line-height: 32px;
    padding: 0 34px;
    box-sizing: border-box;
}

    .hex-classify-item .hex-primary:hover {
        color: #0097AB;
    }

/* 首页-----消息 */

.hex-message-box {
    background-color: #EEEEEE;
    margin-top: 20px;
}

    .hex-message-box .col-xs-4:first-child {
        padding-left: 0;
    }

    .hex-message-box .col-xs-4:nth-child(3) {
        padding-right: 0;
        background: #005072;
        background: linear-gradient(160deg, #009ab7 0%, #12819d 5%, #0088a5 26%, #00526f 92%);
        color: #ffffff;
    }

        .hex-message-box .col-xs-4:nth-child(3) .hex-view-all,
        .hex-message-box .col-xs-4:nth-child(3) ul &gt; li p,
        .hex-message-box .col-xs-4:nth-child(3) h4 {
            color: #ffffff;
        }

        .hex-message-box .col-xs-4:nth-child(3) h4 {
            border-color: #ffffff;
            margin-right: 15px;
        }

        .hex-message-box .col-xs-4:nth-child(3) .hex-view-all {
            background-color: transparent;
            border-color: #ffffff;
        }

    .hex-message-box h4 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #333333;
        line-height: 25px;
        padding: 30px 0 25px 0;
        border-bottom: 2px solid #BCBEBD;
    }

    .hex-message-box ul,
    .hex-message-box ul li {
        clear: both;
        overflow: hidden;
    }

    .hex-message-box ul {
        margin: 20px 0;
        padding-left: 0;
    }

        .hex-message-box ul li {
            margin: 10px 0;
        }

        .hex-message-box ul &gt; li p.title {
            font-size: 16px;
            color: rgba(51, 51, 51, 1);
            line-height: 20px;
            padding: 0;
            margin: 0;
            word-break: break-all;
        }

        .hex-message-box ul &gt; li p.date {
            font-size: 14px;
            color: rgba(153, 153, 153, 1);
            line-height: 18px;
            padding: 0;
            margin: 0;
        }

    .hex-message-box .hex-view-all {
        height: 38px;
        background: rgba(238, 238, 238, 1);
        border: 1px solid #333333;
        padding: 0 20px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        line-height: 38px;
        border-radius: 0;
        margin-bottom: 40px;
    }

    .hex-message-box .latest-events .news-img {
        width: 142px;
        height: 76px;
        float: left;
        margin-right: 22px;
    }

    .hex-message-box .latest-events p.title {
        width: auto;
    }
/* footer */

.hex-new-footer {
    background-color: #005698;
    padding: 30px 0;
}

    .hex-new-footer p,
    .hex-new-footer a {
        color: #FFFFFF;
        font-size: 14px;
        margin: 0;
    }

    .hex-new-footer ul {
        margin: 0 60px;
    }

        .hex-new-footer ul li a {
            position: relative;
            line-height: 1.75;
        }

        .hex-new-footer ul li:first-child a::after {
            display: none;
        }

        .hex-new-footer ul li a::after {
            content: '';
            width: 1px;
            height: 11px;
            background-color: #ffffff;
            display: block;
            position: absolute;
            top: 5px;
            left: -7px;
        }

/* 搜索 */

.hex-search-header {
    border-bottom: 1px solid #DDDDDD;
}

    .hex-search-header .hex-search-top {
        position: relative;
    }

        .hex-search-header .hex-search-top .navbar-brand {
            margin-right: 35px;
            padding: 7px 15px;
        }

            .hex-search-header .hex-search-top .navbar-brand img {
                width: 117px;
                height: 37px;
            }

        .hex-search-header .hex-search-top .searh-box {
            position: relative;
            width: 84%;
            overflow: hidden;
        }

.keywordHelp-box {
    margin-left: 182px;
    width: 84%;
    position: absolute;
    z-index: 99;
}

    .keywordHelp-box ul {
        background-color: #ffffff;
        border-radius: 4px;
        border: 1px solid #f2f2f2;
        padding: 4px 0;
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
    }

        .keywordHelp-box ul li {
            padding: 10px 20px;
            cursor: pointer;
        }

            .keywordHelp-box ul li:hover {
                background-color: #f2f2f2;
            }

.hex-search-header .hex-search-top .searh-box input {
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100%;
    height: 50px;
    background: rgba(243, 246, 247, 1);
    border-top: none;
    color: #333333;
    border-bottom: 2px solid #0097AB;
    outline: none;
    padding: 14px 20px;
}

    .hex-search-header .hex-search-top .searh-box input:focus {
        outline: none;
    }

.hex-search-header .hex-search-top .searh-box .close-btn,
.hex-search-header .hex-search-top .searh-box .search-btn {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
}

.hex-search-header .hex-search-top .searh-box .close-btn {
    position: absolute;
    right: 20px;
}

.hex-search-header .hex-search-top .searh-box .search-btn {
    position: absolute;
    right: 70px;
}

/* 热词提示 */

.hex-hot-word {
    margin-left: 170px;
}

    .hex-hot-word ul li {
        margin-top: 20px;
    }

        .hex-hot-word ul li:first-child {
            font-size: 12px;
            color: #333333;
            line-height: 15px;
        }

        .hex-hot-word ul li a {
            padding: 6px 12px;
            background: #F3F6F7;
            font-size: 14px;
            font-weight: 400;
            color: #4F8288;
            line-height: 20px;
        }

/* 搜索结果列表 */

.hex-search-list {
    margin-top: 50px;
}

    .hex-search-list .nav &gt; li &gt; a:hover,
    .hex-search-list .nav &gt; li &gt; a:focus {
        background-color: #0097AB;
        color: #FFFFFF;
    }

    .hex-search-list .slider-tab-nav {
        width: 21%;
    }

        .hex-search-list .slider-tab-nav &gt; ul &gt; li &gt; a {
            width: 221px;
            background-color: #005698;
            padding: 10px 20px;
            font-size: 14px;
            color: #FFFFFF;
            line-height: 18px;
            margin-bottom: 12px;
        }

            .hex-search-list .slider-tab-nav &gt; ul &gt; li &gt; a i {
                display: none;
            }

        .hex-search-list .slider-tab-nav &gt; ul &gt; li.active &gt; a {
            background-color: #0097AB;
        }

            .hex-search-list .slider-tab-nav &gt; ul &gt; li.active &gt; a i {
                display: block;
                float: right;
                margin-top: 2px;
            }

    .hex-search-list .tab-content {
        width: 79%;
        float: right;
        border-left: 1px solid #dddddd;
        padding-left: 30px;
        min-height: 700px;
    }

        .hex-search-list .tab-content h4 {
            color: #333333;
            line-height: 23px;
            border-bottom: 2px solid #0097AB;
            padding: 0 0 6px 5px;
            width: 100%;
            margin-top: 0;
        }

    .hex-search-list .hex-result-list ul {
        padding-left: 0;
    }

        .hex-search-list .hex-result-list ul &gt; li {
            border-bottom: 1px solid #dddddd;
            padding: 15px 0;
        }

            .hex-search-list .hex-result-list ul &gt; li:last-child {
                border-bottom: none;
            }

    .hex-search-list .hex-result-module:not(:first-child) {
        margin-top: 25px;
    }

    .hex-search-list .hex-result-list ul &gt; li .index_line {
        width: 180px;
    }

    .hex-search-list .hex-result-list ul &gt; li .news-img img {
        width: 180px;
    }

.right-box {
    width: 79%;
}

.hex-search-list .hex-result-list ul &gt; li h5 {
    font-size: 16px;
    color: #337AB7;
    line-height: 20px;
    margin-top: 0;
}

    .hex-search-list .hex-result-list ul &gt; li .desc span,
    .hex-search-list .hex-result-list ul &gt; li h5 span {
        color: #C00A0F;
    }

.hex-search-list .hex-result-list ul &gt; li .date,
.hex-search-list .hex-result-list ul &gt; li .enter-btn,
.hex-search-list .hex-result-list ul &gt; li .desc {
    font-size: 14px;
    line-height: 16px;
}

.hex-search-list .hex-result-list ul &gt; li {
    color: #999999;
}

    .hex-search-list .hex-result-list ul &gt; li .desc {
        color: #333333;
    }

    .hex-search-list .hex-result-list ul &gt; li .enter-btn {
        color: #0097AB;
    }

/* 获取下载地址*/
.hex-merch {
    padding: 0 20px 20px
}
    .hex-merch .input-group {
        margin-bottom: 10px
    }
.hex-merch .hex-connect i {
    color: #333333;
    margin-right: 0
}

    .hex-merch .input-group-addon {
        padding: 6px 8px;
    }

    .hex-merch form .col-xs-7 {
        width: 55.333333%
    }

    .hex-merch form .col-xs-5 {
        width: 44.666667%
    }

    .hex-merch form label a {
        color: #0481d2;
        font-size:14px;
    }

    .hex-merch form .row &gt; .pull-left {
        margin-top:20px
    }

    .hex-merch form .btn.btn-portable {
        border-radius: 4px;
        margin-top: 10px !important;
    }
</pre></body></html>